JQuery: Comment trouver l'entrée nommée "pommes" dans $ (this)?

Question

J'apprends JQuery et j'ai trouvé la fonction d'usine $() avec ses sélecteurs très utile. Cependant, je ne peux pas comprendre comment sélectionner dans un élément particulier que j'ai nommé comme variable. Par exemple:

var thisDiv = $("#myDiv"); 

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

Comment puis-je sélectionner l'entrée avec id = « pommes », étant donné que la thisDiv variable JQuery? Merci!

Answer 1

$("#thisDiv #apples") 

Mais vous pouvez aussi le faire:

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

et aussi:

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

Answer 2

Vous pouvez essayer cette

thisDiv.find('#apples'); 

Answer 3

Vous devriez pouvoir le sélectionner en recherchant dans votre div comme:

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

Answer 4

$('#apples', thisDiv); 

Answer 5

Peut-être que le vôtre est seulement un exemple et non représentatif du code approprié, mais il vaut la peine de mentionner qu'un ID est unique par document, par conséquent, vous n'avez pas besoin en particulier le contexte.

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

Si c'était juste un exemple, et que vous vouliez savoir comment trouver un élément, en utilisant tout sélecteur, puis eh oui, les autres réponses ici sont tous corrects.

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