javascript - JQuery - 如何将 Div 中具有相同类的 Div 的值保存到数组中

Question

我正在尝试将具有相同类的 div 的值保存在数组中。

我用 .html() 尝试过，这对我有用。但我只需要该值，但 .val() 不起作用。

我的 JQuery:

   var array = [$("#myLists").find('.list').val()]; //.val() does not work

    $.each(array, function( index, value ) {

          alert( index + ": " + value );

    });

我的 HTML:

<div id="myLists">
   <div id="list" class="list" value="value1"></div>
   <div id="list" class="list" value="value2"></div>
   <div id="list" class="list" value="value3"></div>
   <div id="list" class="list" value="value4"></div>
</div>

Answer 1

您需要使用

1. .map()将 dom 元素转换为数组表示
2. .attr()读取属性值的值
3. 删除 .来自 class=".list"，因为 . 用于表示类选择器

所以

<div id="myLists">
    <div id="list" class="list" value="value1"></div>
    <div id="list" class="list" value="value2"></div>
    <div id="list" class="list" value="value3"></div>
    <div id="list" class="list" value="value4"></div>
</div>

然后

var array = $('#myLists .list').map(function(){
    return $(this).attr('value')
}).get();

演示:Fiddle