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

时间:2014-01-27 09:44:50

标签: javascript 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/

2 个答案:

答案 0 :(得分:4)

你可以使用兄弟姐妹(),你的代码不起作用的原因是因为它选择了所有.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);
});

答案 1 :(得分:1)

这样做:

$(".dup-class").on('click', function() {
    cont = $(this).next().text(); // this is the line where change done
    alert(cont);
});

http://jsfiddle.net/PLeDs/2/