[英]How to target with data attribute in jQuery?
我创建了一个投资组合,其中每个图像元素都有一个列表项。 我想要以下内容:单击图像,获取其数据属性值,然后仅在具有相同数据属性值的li项目上运行脚本的其余部分。 有点像这样:
var data1 = $("#portfolio li").data('descriptionid');
var data2 = $('.img-description').data('description');
$('#portfolio li').click(function(){
$(".img-description").data("img").stop()
.animate({
"left" : '0px'
}, 400);
});
<div id="portfolio">
<ul>
<li><img src="img1.jpg" width="320px" data-descriptionid="img1"></li>
<li><img src="img2.jpg" width="320px"></li>
</ul>
</div>
<div id="idc">
<ul>
<li class="img-description" data-description="img1">
<p>
Lorem ipsum dolor sit amet, consectetur
</p>
</li>
</ul>
</div>
</div>
我有一种感觉,变量不应该在外部,当我单击特定项目时,我需要将数据存储在变量中。 我该如何进一步? 谢谢您的帮助。
简单地说,我建议:
$('#portfolio li').click(function(){
$('.img-description[data="' + $(this).data('descriptionid') + '"]').stop()
.animate({
"left" : '0px'
}, 400);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.