获取特定数据的所有值属性

我有一个以上的data-tablet-src更多正如你看到的，我想用键和值，例如像这样一一列举：获取特定数据的所有值属性

data-tablet-src => https://unsplash.it/1000/300?image=21 
data-tablet-src => https://unsplash.it/1000/300?image=1001 
bla...bla..bla...

$(document).ready(function(){ 
 
$('#mycarousel .item img[data-tablet-src]').each(function (index, value) { 
 
alert("index:" + index+"value: "+value); 
 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="carousel-inner" role="listbox"> 
 
    <div class="item active"> 
 
     <img src="https://unsplash.it/1000/300?image=68" data-tablet-src="https://unsplash.it/1000/300?image=21"> 
 
    </div> 
 
    <div class="item"> 
 
     <img src="https://unsplash.it/1000/300?image=43" data-tablet-src="https://unsplash.it/1000/300?image=1001"> 
 
    </div> 
 
    <div class="item"> 
 
     <img src="https://unsplash.it/1000/300?image=67" data-tablet-src="https://unsplash.it/1000/300?image=1002"> 
 
    </div> 
 
    <div class="item"> 
 
     <img src="https://unsplash.it/1000/300?image=47" data-tablet-src="https://unsplash.it/1000/300?image=1005"> 
 
    </div> 
 
    <div class="item"> 
 
     <img src="https://unsplash.it/1000/300?image=72" data-tablet-src="https://unsplash.it/1000/300?image=63"> 
 
    </div> 
 
    </div>

来源

2017-07-03 ani_css

您可以将数据值映射回基于像这样的元素索引的数组

var sources = $('.carousel-inner .item img').map(function() { 
    return $(this).data('tablet-src'); 
}).get();

FIDDLE

来源

2017-07-03 20:43:13 adeneo

adeneo感谢我对jQuery的新，所以我有一个问题我怎么能与指数和价值分割？ –

不知道你是什么意思？这只是创建了数组中的值，从第一个元素的数据值将只是'源[0]'等 – adeneo

我的意思是我想列出他们在li元素 –

获取特定数据的所有值属性

回答

相关问题