javascript - 多个元素，同一个类，获取一个元素的值 - jquery

Question

我有多个具有相同类的元素。

<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 上的标签，它应该提醒 .product-list-col 的值值为 1

如果我点击 anchor 标签的第二个div，它应该警告2

这是它的代码

$(".dup-class").on('click', function() {
    cont = $(this + " .product-list-col").text();
    alert(cont);
});

有什么解决办法吗？

这是它的 jsfiddle:http://jsfiddle.net/Vigiliance/PLeDs/3/

Answer 1

您可以使用 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);
});