动态地将li id存储在数组中

Question

in my codes lis are generate dynamically and each li has special id. I want to store each li "id" in the one array

this is js codes

var i=0;
$("ul#portfolio li").each(function(eval){
    var idd = new Array();
        idd[i]=$(this).attr("id");
    i++;
});

but it dosn't work.

html

<div id="container">
    <ul id="portfolio" class="clearfix">
    <!-- Dynamically generated li -->
    </ul>
</div>

Answer 1

you need to use .map()

var idd = $("#portfolio li").map(function(eval){
    return this.id;
}).get();

---

In your case your array is local to the callback, so every iteration of the each callback you are creating a new array instead of adding the item to an existing array

var idd = new Array();
$("#portfolio li").each(function (eval) {
    idd.push(this.id)
});

• Make sure your script is running after the target elements are loaded to the dom(May be by using a dom ready handler)
• Use this.id which is the same as $(this).attr('id')

Answer 2

You Can try This Also

$(document).ready(function()
    for(var i=0;i<5;i++){
        $('#portfolio').append("<li id='"+ i +"'>"+ i  +"</li>");
    }

    var idArray=new Array();
        $('#portfolio li').each(function(ind,val){
        idArray.push(this.id)

        });

    console.log(idArray);
});