it-swarm-eu.dev

Quel est l'équivalent de 'getElementsByTagName' dans jQuery?

Quel est l'équivalent de getElementsByTagName() dans jQuery? Je veux juste créer une collection d'éléments dans jQuery afin de pouvoir les parcourir et faire quelque chose avec chaque élément.

Merci beaucoup!

24
Shaoz
$("tagnamehere")

Alors:

$("div").each(function() {
    // do something exciting with each div
    $(this).css("border", "1px solid red");

    // do something by directly manipulating the wrapped DOM element
    this.style.border = "1px solid red";

    // do something only if this particular div has a class of 'pretty'
    if($(this).hasClass("pretty")) {
        $(this).text("I am the pretty one");
    }
});

ou juste:

// apply some css to all div elements
$("div").css("border", "1px solid red");

Gardez à l'esprit que lorsque vous utilisez jQuery pour sélectionner un certain nombre d'éléments, par exemple, $("span"), toute méthode que vous appelez sur l'objet se produira sur tous les éléments correspondants. Considérez-le comme une "itération implicite" - par exemple. $("span").hide(); cachera tous les éléments de la page.

Voir:

38
karim79

Il suffit d'utiliser le sélecteur d'élément

$('elementname')

Par exemple.

$('div')

Et pour faire l'itération:

$('div').each(function(){
    var $this = $(this);
    //insert code here
});

Il n’est peut-être pas nécessaire d’itérer, cependant, puisqu’une méthode appelée la collection sera appelée pour chaque élément de la collection.

$('div').hide();

... va cacher tous les divs.

7
James Wiseman

Étant donné une chaîne tagName, cette déclaration:

document.getElementsByTagName(tagName)

... pourrait être écrit en utilisant jQuery:

$(tagName)

Étant donné un élément DOM natif element et une chaîne tagName, cette déclaration:

element.getElementsByTagName(tagName)

... pourrait être écrit en utilisant jQuery:

$(element).find(tagName)

Remarque: En utilisant getElementsByTagName, vous obtenez des éléments DOM natifs, tandis qu'en utilisant des instructions jQuery, vous obtenez des objets jQuery. Si vous voulez des éléments DOM natifs avec jQuery, vous pouvez utiliser get() - Comment puis-je extraire un élément DOM natif d'un objet jQuery?

0
boumbh