Question

假设我有这个：

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

Answer 1

$('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
});

Answer 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;
});

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

2 个答案: