Javascript使用Jquery!循环和打印价值

时间:2009-10-08 23:13:51

标签: javascript jquery

假设我有这个:

<div id="apple" class="fruit"></div>
<div id="orange" class="fruit"></div>
<div id="grape" class="fruit"></div>
<div id="pear" class="fruit"></div>

如何编写一个javascript函数,可以使用类“fruit”循环并打印出所有水果ID?使用JQuery。

2 个答案:

答案 0 :(得分:5)

$('div.fruit').each(function(){
 //will loop through all divs with the class fruit.
 $(this).attr('id'); //will give you the id of the current div
});

答案 1 :(得分:2)

以逗号分隔列表打印出来(ids是ids的数组)。

var ids = $.map($('div.fruit'), function(e) {
    return e.id;
});
document.write(ids.join(','));

Working Demo - 点击输出标签查看输出。

使用以下内容可以满足<div class="fruit">没有id

的需求
var ids = $.map($('div.fruit'), function(e) {
    return e.id? e.id : null;
});