jquery sélectionner plusieurs <p> dans <div>
HTML:
<div id='example'>
<p> First paragraph</p>
<p> Second paragraph</p>
<p> Third paragraph</p>
</div>
Javascript avec JQuery:
var paragraphs = $('div#examples p');
Cette fonction retourne un tableau de HTMLParagraphElement objets. Cependant, je voudrais revenir Jquery objets. (Afin que je puisse utiliser l'e.g:
for(i=0;i<paragraphs.length;i++)
{
paragraph[i].hide();
}
Est-il une manière que je peux facilement faire cela? Merci.
- Il semble y avoir un mineur de faute de frappe. Le div id dans le html qui semble être "exemple" mais en JQuery c'est "exemples".
Vous devez vous connecter pour publier un commentaire.
exemple:
div n'est pas nécessaire
Ce la les plus performantes façon d'interroger les dom pour présenter question:
$('#examples).find('p').hide();
C'est un peu plus de frappes, mais la sélection se produit beaucoup plus rapide que les exemples donnés ici par d'autres. La raison en est qu'il traverse tous les divs d'abord, puis trouve ceux qui peuvent avoir l'id donné, puis traverse à trouver leur correspondance les balises p.
Dans ma solution qu'il trouve juste
#examples
et puis traverse le bas de sa balise p.Vous pouvez toujours utiliser le sélecteur de requête que vous utilisez. j'.e:
ou
Merci à tous pour l'entrée. Itération de la div p tableau a été nécessaire (désolé si ce n'était pas clair), faisant
$('div#example p').hide();
n'était pas une bonne solution. J'ai fini par faire ce qui suit:Espère que cela est utile pour les personnes dans l'avenir:)
essayez ceci...
De l'aspect de votre question, la réponse serait, comme dit par d'autres:
Mais pour le cas que vous avez pour itérer sur chaque objet qui est retourné par une requête jQuery, vous devriez utiliser cette syntaxe:
Mais rappelez-vous, si c'est aussi simple que de les cacher, alors il suffit d'utiliser le premier exemple. Le deuxième exemple est lorsque l'appliquées fonction est spécifique à chaque objet. L'exemple suivant est de doubler les hauteurs de tous les objets retournés, ce qui n'a pas pu être fait de la même manière que le premier exemple est: