查找並列出每個元素的id值

Question

我試圖獲取<div>中的所有找到的元素，但默認情況下它會在找到第一個匹配項時停止，但我希望它列出每個找到的元素的id值。

所以這不起作用：

listy = $("DIV").find("SPAN").attr("id"); 

我一直在嘗試與.get和.map，但我想他們是不是我想要的..

Answer 1

listy = $("div").find("span").map(function(){ 
    return this.id; 
}).get(); 

沒有find是即使更好：

listy = $("div span").map(function(){ 
    return this.id; 
}).get(); 

Live DEMO

如果只想<span>與id屬性定義，選擇更改爲：

$(div span[id]).map(...) 

---

如果你想把所有的id S作爲一個字符串：

listy = $("div span").map(function(){ 
    return this.id; 
}).get().join(''); 

join的參數是分隔符，例如.join('-')或.join(',')或不具有：.join('')

Answer 2

也許這樣？

var ids = []; 

$("div span").each(function() { 
    if (this.id) { 
    ids.push(this.id); 
    } 
}); 

attr（）方法將始終僅返回第一個元素屬性。

Answer 3

var listy = ''; 

$("div span").each(function(){ 
    listy += this.id ; 
}); 

jsBin demo

---

或者像：

var listy = [];       // create array 

$("div span[id]").each(function(){  // span with ID data 
    listy.push(this.id);     // push ID names into array 
}); 

// Now use listy.join(); to see the list 
// you can also do: listy+'' to transform it into string. 

jsBIn demo 2