Выберите внутренний элемент без идентификатора по JQuery

Question

Скажите, у меня есть этот div блок:

<div id="some_id" style="display: none;">
    <form action="someAction" method="post">
        <input type="hidden" name="some-name" value="some-value">
    </form>
</div>

Мне нужно выбрать form внутри этого div.Я могу выбрать div по $('#some_id'), но когда я пытаюсь выбрать form по $('#some_id').find('form') (или get или $('#some_id:form')), я получаю эту ошибку:

Uncaught TypeError: $(...).find is not a function

Любое возможное решение?

Answer 1

Нет ничего плохого в том, что вы пытались сделать, при условии, что jQuery правильно включен на вашей странице, и вы правильно ссылаетесь на него с помощью $ или jQuery, если он находится в режиме noConflict.

console.log(
  $('#some_id').find('form').get()
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="some_id" style="display: none;">
    <form action="someAction" method="post">
        <input type="hidden" name="some-name" value="some-value">
    </form>
</div>

Answer 2

Вы не хотите, чтобы : выбирал нужного вам ребенка >

Ваш селектор должен выглядеть так:

$('#some_id > form')

Также убедитесь, что вы включаете jQuery, похоже, ваш код не может его найти.