我在同一个类中有多个元素。
<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>
如果我<a>
在第一个div上点击标记,它应该提醒value的.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);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句