jQuery boucle par Enfant divs

<div id="ChosenCategory" class="chosen">
   <div class="cat_ch" name="1">
   <div class="cat_ch" name="2">
   <div class="cat_ch" name="3">
   <div class="cat_ch" name="5">
   <div class="clear"> </div>
</div>

Je veux boucle si div.cat_ch Comment?

Ce un échec:

    $("div").each(function () {
       alert("FW");
       alert($(this).attr("name").val());
    });

Ressemble à une liste. Par conséquent, devraient être UL/LI, pas de DIV/DIV. Aussi, le "clair" DIV peut être évité si vous définissez overflow:auto sur le parent.
$('.cat_ch').each(function(){});
Je suis assez sûr que name n'est pas un attribut valide d'un div élément.

OriginalL'auteur levi | 2012-07-23

3

http://jsfiddle.net/2TRxh/

Je pense que votre problème réside dans la tentative d'obtenir le val large de la div après que vous obtenez l'attribut $(this).attr("name").val(). À l'aide de .val() sur une div n'a pas de sens. Si vous enlevez cette $(this).attr("name") renvoie la name bien de la vrd. Vous pouvez en outre spécifier la div à boucle en utilisant le sélecteur de classe dans votre chacun plutôt que de simplement div. $(".cat_ch").each(function () {}); Cela a été montré dans diverses autres réponses à cette question.

OriginalL'auteur scrappedcola
12
```
$('#ChosenCategory').children('.cat_ch').each(function() {

});
```
Ou
```
$('#ChosenCategory > .cat_ch').each(function() {

});
```
De JQuery .children méthode et css3 sélecteur d'enfant > sera de retour que les enfants directs qui correspondent au sélecteur de classe .cat_ch dans l'exemple.

Si vous voulez chercher plus loin dans l'arborescence DOM, qui est, comprennent les éléments imbriqués, l'utilisation .find ou omettre le sélecteur d'enfant:
```
$('#ChosenCategory').find('.cat_ch').each( function(){} )
```
Ou
```
$('#ChosenCategory .cat_ch').each( function(){} )
```
OriginalL'auteur Ortiga

$(function(){

    var items=$(".cat_ch")
     $.each(items,function (index,item) {

       alert($(item).attr("name"));
    });

});

Échantillon de travail : http://jsfiddle.net/GzKHA/

OriginalL'auteur Shyju

4

Si vous ne souhaitez cibler les Divs à l'intérieur, essayez de
```
$('#ChosenCategory div').each( function() {...} );
```
Les autres réponses ont besoin de classes et/ou également à traiter les non-vrd au sein de votre div parent.

Être averti! Ce sera également frapper votre "clair" de la div, vous pouvez éviter cela en faisant $('#ChosenCategory div:not(.clair)') au lieu
Oui, pourquoi ne pas vous modifiez ensuite le sélecteur de $('#ChosenCategory div.cat_ch') ?
Bien que les OP n'ont ces classes là, la question était vraiment libellée comme "boucle par enfant vrd," donc j'ai voulu donner une réponse qui reflète la façon de faire une boucle par enfant divs indépendamment de leurs noms. Mise en Page souvent des changements dans le développement d'une application, et il est parfois agréable de ne pas avoir à réécrire votre javascript juste pour correspondre à différents sélecteurs.
Ok, c'est bon!

OriginalL'auteur tigertrussell

 fonction loopOver(obj) 
{ 
var lch=obj.firstChild; 
while(chl) 
{ 
si(chl.nodeType==1) 
{ 
var isAttr=chl.getAttribute ("nom"); 
si(isAttr) 
{ 
alert(isAttr); 
} 
} 
lch=chl.nextSibling; 
} 
} 

//C'est de loin la manière la plus rapide en termes de vitesse d'exécution!!! 
var obj=document.getElementById("ChosenCategory"); 
loopOver(obj);

Make sure to enclose the each `<div>` tag at the end of each!!

OriginalL'auteur spaceman12

$(".cat_ch").each(function () {
       alert("FW");
       alert($(this).attr("name").val());
    });

OriginalL'auteur Marcus

$('.cat_ch').each(function(i, e) {
    alert('FW');
    alert(e.attr('name').val());
});

OriginalL'auteur BlackSpy

1

Si vous voulez faire une boucle par div.cat_ch, vous devez l'utiliser pour le sélecteur jQuery:
```
$("div.cat_ch").each(function () {
   alert("FW");
   alert($(this).attr("name").val());
});
```
Vous pouvez également faire une boucle par l'enfant des éléments en utilisant jQuery children() méthode:
```
$("#ChosenCategory").children().each(function () {
   alert("FW");
   alert($(this).attr("name").val());
});
```
Une troisième voie à une boucle sur les éléments souhaités, c'est comme si:
```
$("#ChosenCategory > div").each(function () {
   alert("FW");
   alert($(this).attr("name").val());
});
```
Utiliser n'importe quelle manière que vous voulez, il n'y a pas de meilleure façon.

OriginalL'auteur jeff

Vous devez vous connecter pour publier un commentaire.