来自 LI 标签的 data_url 属性值的数组答案

【问题标题】：Array from values of data_url attributes of LI tags来自 LI 标签的 data_url 属性值的数组
【发布时间】：2016-01-12 17:35:48
【问题描述】：

需要从 LI 标签的 data_url 属性值中创建数组。我的html代码：

<li class='has-sub'>
    <a href="#"><span class="record-date"><?=$key?></span><span class="record-num"><span id="records_quantity"><?=$quantity?></span>   записей</span></a>
    <ul>
        <li id="1" data-url="mp3/1.mp3">
            <span class="button-play"><input type="hidden" name="file_name" value="     mp3/1.mp3"></span>
            <span class="record-time">11:30 - 11:45</span>
            <a href="#" class="record-del" id="1"></a>
            <a href="mp3/1.mp3" class="record-load" download></a>
        </li>
        <li id="2" data-url="mp3/2.mp3">
            <span class="button-play"><input type="hidden" name="file_name" value="      mp3/1.mp3"></span>
            <span class="record-time">11:45 - 11:55</span>
            <a href="#" class="record-  del" id="1"></a>
            <a href="mp3/2.mp3" class="record-load" download></a>
        </li>
    </ul>
</li>

如何制作正确的数组？

【问题讨论】：

你为此做了什么？
这不是代码编写工厂....您应该尝试并向我们展示您的尝试。我们的想法是帮助您编写代码...而不是让这里的人为您工作

标签： jquery jquery-selectors custom-data-attribute

【解决方案1】：

您可以将.map() 函数与.get() 一起使用：

var datauriarr = $('li[data-url]').map(function(){
   return $(this).data('url');
}).get();

$(function(){
var datauriarr = $('li[data-url]').map(function(){
   return $(this).data('url');
}).get();
alert(datauriarr);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li class='has-sub'>
   <a href="#"><span class="record-date"><?=$key?></span><span class="record-num"><span id="records_quantity"><?=$quantity?></span>   записей</span></a>
<ul>
<li id="1" data-url="mp3/1.mp3">
    <span class="button-play"><input type="hidden" name="file_name" value="     mp3/1.mp3"></span>
    <span class="record-time">11:30 - 11:45</span><a href="#" class="record-del" id="1"></a><a href="mp3/1.mp3" class="record-load" download></a>
</li>
 <li id="2" data-url="mp3/2.mp3">
    <span class="button-play"><input type="hidden" name="file_name" value="      mp3/1.mp3"></span>
    <span class="record-time">11:45 - 11:55</span><a href="#" class="record-  del" id="1"></a><a href="mp3/2.mp3" class="record-load" download></a>
</li>
</ul>
</li>
</ul>

【讨论】：