在列表中获取随机生成的li的id

时间:2014-06-02 06:39:54

标签: javascript jquery html

我正试图通过li的类来获取ul的id,但它在这里不起作用我正在尝试

<ul class="myList">
    <li id="1234">sheet 1</li>
    <li id="5678">sheet 2</li>
    <li id="11223">sheet 8</li>
</ul>
<button onclick="GetResult();">click</button>

这是JS

  function GetResult() {
    var arr = $("myList > div").map(function () {
        return this.id
    });
    for (var i = 0; i < arr.length; i++) {
        alert(arr[i]);

    }
}

这是小提琴http://jsfiddle.net/CW3u4/10/

3 个答案:

答案 0 :(得分:3)

你首先在选择器中缺少“。”,而在ul里面你没有div,你可以像这样迭代所有li

你只需要这个:

    function GetResult() {
    var arr = $("ul.myList li").map(function () {
        return this.id
    });
    for (var i = 0; i < arr.length; i++) {
        alert(arr[i]);

    }
}

FIDDLE DEMO

答案 1 :(得分:1)

你可以这样做:

...
<button class="getAll">click</button>

和js

$(".getAll").click(function() {
    var arr = $(".myList > li").map(function () {
        return this.id
    }).get();
    console.log(arr);
});

演示:: jsFiddle

答案 2 :(得分:0)

它假设li不是div

更改此

$("myList > div")

$("myList > li")