[英]Multiple element, same class, get value of one element - jquery
我在同一个类中有多个元素。
<div class="test-container">
<a class="dup-class">
Get Value
</a>
<div class="product-list-col">
1
</div>
</div>
<div class="test-container">
<a class="dup-class">
Get Value
</a>
<div class="product-list-col">
2
</div>
</div>
<div class="test-container">
<a class="dup-class">
Get Value
</a>
<div class="product-list-col">
3
</div>
</div>
如果单击第一个div上的<a>
标记,它应该提醒.product-list-col
值是1
如果我点击锚定标记的第二个div,它会提醒2
这是它的代码
$(".dup-class").on('click', function() {
cont = $(this + " .product-list-col").text();
alert(cont);
});
这个东西有解决方案吗?
这是它的jsfiddle: http : //jsfiddle.net/Vigiliance/PLeDs/3/
您可以使用siblings(),您的代码不起作用的原因是因为它选择了所有.product-list-col
$(".dup-class").on('click', function () {
cont = $(this).siblings('.product-list-col').text();
alert(cont);
});
或使用.next()
$(".dup-class").on('click', function () {
cont = $(this).next('.product-list-col').text();
alert(cont);
});
做这个:
$(".dup-class").on('click', function() {
cont = $(this).next().text(); // this is the line where change done
alert(cont);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.