Trouver tous les éléments avec une certaine valeur d'attribut dans jquery

Question

J'ai besoin de trouver tous les éléments qui ont une valeur d'attribut spéciale.

Voici la div que je dois trouver (j'en ai beaucoup )

<div imageId='imageN'>...

J'ai simplement besoin de passer en boucle les divs qui ont imageId='imageN'

Answer 1

Bien que cela ne réponde pas précisément à la question, j'ai atterri ici en cherchant un moyen d'obtenir la collection d'éléments (potentiellement différents noms de balises) qui ont simplement un nom d'attribut donné (sans filtrer par la valeur de l'attribut). J'ai trouvé que la méthode suivante fonctionnait bien pour moi :

$("*[attr-name]")

J'espère que cela aidera quelqu'un qui atterrirait sur cette page en cherchant la même chose que moi :).

Mise à jour : Il semble que l'astérisque n'est pas nécessaire, c'est-à-dire que sur la base de quelques tests de base, ce qui suit semble être équivalent à ce qui précède (merci à Matt de l'avoir signalé) :

$("[attr-name]")

Answer 2

$('div[imageId="imageN"]').each(function() {
    // `this` is the div
});

Pour vérifier la seule existence de l'attribut, quelle que soit sa valeur, vous pouvez utiliser ce sélecteur à la place : $('div[imageId]')

Answer 3

Il ne s'agit pas d'une balise ; ce que vous recherchez s'appelle un attribut html.

$('div[imageId="imageN"]').each(function(i,el){
  $(el).html('changes');
  //do what ever you wish to this object :) 
});

Answer 4

Vous pouvez utiliser la valeur partielle d'un attribut pour détecter un élément DOM en utilisant le signe (^). Par exemple, vous avez des divs comme ceci :

<div id="abc_1"></div>
<div id="abc_2"></div>
<div id="xyz_3"></div>
<div id="xyz_4"></div>...

Vous pouvez utiliser le code :

var abc = $('div[id^=abc]')

Cela renverra un tableau DOM des divs dont l'id commence avec abc :

<div id="abc_1"></div>
<div id="abc_2"></div>

Voici la démo : http://jsfiddle.net/mCuWS/

Answer 5

Utilisez la concaténation de chaînes de caractères. Essayez ceci :

$('div[imageId="'+imageN +'"]').each(function() {
    $(this);   
});