JQuery: Как найти вход с именем «apple» внутри $ (this)?

Question

Я изучаю JQuery и нашел заводскую функцию $ () с ее селекторами весьма полезной. Тем не менее, я не могу понять, как выбрать в конкретный элемент, который я назвал в качестве переменной. Например:

var thisDiv = $("#myDiv");

// thisDiv looks like this:
<div id="myDiv">
<input id="apples" />
<input id="bananas" />
</div>

Как бы я выбрал вход с id = "яблок", учитывая только переменную thisDiv в JQuery? Спасибо!

Answer 1

$("#thisDiv #apples")

Но вы также можете сделать:

thisDiv.find("#apples"); // use find method

, а также:

$("#apples", thisDiv); // provide context

Answer 2

Возможно, вы были только примером, а не представителем правильного кода, но стоит упомянуть, что идентификатор уникален для каждого документа, поэтому вам не нужен контекст.

$('#apples');
$('#apples', thisDiv);  // same result, more lookups

Если это был просто пример, и вы хотели знать, как найти какой-либо элемент, используя любой селектор, то да, все остальные ответы здесь верны.

thisDiv.find('li.myClass'); // or,
$('li.myClass', thisDiv);

Answer 3

$('#apples', thisDiv);

Answer 4

Вы должны быть в состоянии выбрать его, выполнив поиск в вашем div как:

 $("#myDiv").find("#apples")

Answer 5

Вы можете попробовать это

thisDiv.find('#apples');