jQuery查找並列出特定DIV中UL內的所有LI元素

Question

我有3列UL，每個都是一個動態UL容器，可以容納0到9個LI容器（最終更多）。 我的所有LI元素都有一個屬性“rel”，我試圖最終找到該屬性，並將其用於父DIV中所有LI元素的其他內容。 我最終想要找到更多基於每個但不是至少的rel ..任何想法我如何用jQuery實現這一點？ 例：

<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>

這些元素也可以排序。 因此，當我得到它們的列表時，我還要按照從每列的頂部到底部找到的順序保留它們。

我試過find（），parent（）和類似的東西，也許我接近它錯了。 但它仍然值得一提，以幫助提出一個想法

Answer 1

你在想這樣的事嗎？

$('ul li').each(function(i)
{
   $(this).attr('rel'); // This is your rel value
});

Answer 2

var column1RelArray = [];
$('#column1 li').each(function(){
    column1RelArray.push($(this).attr('rel'));
});

或者fp風格

var column1RelArray = $('#column1 li').map(function(){ 
    return $(this).attr('rel'); 
});

Answer 3

$('li[rel=7]').siblings().andSelf();

// or:

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

---

現在你添加了那個解釋你想“形成每列rels數組”的評論，你應該這樣做：

var rels = [];

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

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

    rels.push(localRels);
});

Answer 4

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>   

獲取索引，文本，值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);
    });