2016-01-12 3 views
0

необходимо сделать массив из значений атрибутов data_url тегов LI. мой HTML-код:Массив из значений атрибутов data_url тегов LI

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

Как сделать правильный массив?

+0

что вы пытались за это? –

+0

Это не фабрика для написания кода .... вы должны делать попытки и показывать нам то, что вы пробовали. Идея состоит в том, чтобы помочь вам с вашим кодом ... не для людей здесь, чтобы сделать вашу работу за вас – charlietfl

ответ

0

Вы можете использовать функцию .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>

Смежные вопросы