jQuery Trouver et la Liste de tous LI éléments à l'intérieur d'un UL dans un DIV

J'ai 3 Colonnes de l'ULs chaque une Dynamique UL récipient qui peut varier de 0 à 9 LI conteneurs (éventuellement plus). Tous mes LI éléments ont un attribut "rel" qui je suis en train de finalement trouver que l'attribut et de l'utiliser pour autre chose sur tous LI éléments à l'intérieur de cette DIV parent. Je n'ai finalement voulez en savoir plus sur chacun, mais ce ne sont pas, moins la rel.. des Idées comment je peux l'atteindre avec jQuery? Exemple:

<ul id="column1">
   <li rel="1">Info</li>
   <li rel="2">Info</li>
   <li rel="3">Info</li>
</ul>
<ul id="column2">
   <li rel="4">Info</li>
   <li rel="5">Info</li>
   <li rel="6">Info</li>
</ul>
<ul id="column3">
   <li rel="7">Info</li>
   <li rel="8">Info</li>
   <li rel="9">Info</li>
</ul>

tous ces éléments sont triables ainsi. Alors, quand je reçois une liste d'entre eux, je veux aussi garder dans l'ordre où ils ont été trouvés à partir du haut vers le bas de chaque colonne.

J'ai essayé de trouver(), parent(), et similaires, peut-être que je me rapproche de ce mal. Mais il est toujours intéressant de mentionner pour aider à venir avec une idée

  • êtes-vous essayer de sélectionner par le rel? Ou obtenir un tableau de rels?
  • essayer de former un tableau de rels par colonne.
InformationsquelleAutor chris | 2011-08-18
  1. 39

    Êtes-vous penser à quelque chose comme cela?

    $('ul li').each(function(i)
{
   $(this).attr('rel'); //This is your rel value
});
    • cela ne fonctionnera que si votre page html contient un " ul "elemet, si j'ai différents" ul " élément et je ne veux pas obtenir l'id de cette.
    InformationsquelleAutor pixelfreak
  2. 13
    var column1RelArray = [];
$('#column1 li').each(function(){
    column1RelArray.push($(this).attr('rel'));
});

    ou de pf de style

    var column1RelArray = $('#column1 li').map(function(){ 
    return $(this).attr('rel'); 
});
    • Pouvez-vous me dire comment faire pour récupérer chaque élément li id séparément à partir de la matrice? afin que je puisse utiliser pour appliquer un peu de css à l'un des id
    • Veuillez poser une nouvelle question dans le débordement de la pile. Ce ne sont pas des commentaires, mais d'autres questions.
    InformationsquelleAutor Fresheyeball
  3. 5
    $('li[rel=7]').siblings().andSelf();

//or:

$('li[rel=7]').parent().children();

    Maintenant que vous avez ajouté ce commentaire expliquant que vous voulez à la forme d'un tableau de rels par colonne", vous devriez faire ceci:

    var rels = [];

$('ul').each(function() {
    var localRels = [];

    $(this).find('li').each(function(){
        localRels.push( $(this).attr('rel') );
    });

    rels.push(localRels);
});
    InformationsquelleAutor Joseph Silber
  4. 2

    html

    <ul class="answerList" id="oneAnswer">
    <li class="answer" value="false">info1</li>
    <li class="answer" value="false">info2</li>
    <li class="answer" value="false">info3</li>
</ul>

    Obtenir de l'index,texte,valeur
    js

        $('#oneAnswer li').each(function (i) {

        var index = $(this).index();
        var text = $(this).text();
        var value = $(this).attr('value');
        alert('Index is: ' + index + ' and text is ' + text + ' and Value ' + value);
    });
    InformationsquelleAutor Ahmad Aghazadeh