获取特定数据的所有值属性
问题描述:
我有一个以上的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>
答
您可以将数据值映射回基于像这样的元素索引的数组
var sources = $('.carousel-inner .item img').map(function() {
return $(this).data('tablet-src');
}).get();
adeneo感谢我对jQuery的新,所以我有一个问题我怎么能与指数和价值分割? –
不知道你是什么意思?这只是创建了数组中的值,从第一个元素的数据值将只是'源[0]'等 – adeneo
我的意思是我想列出他们在li元素 –