多元素，相同的類，獲得一個元素的值 - 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> 

如果我點擊第一個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/

Answer 1

，因爲它選擇所有.product-list-col

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

你可以使用兄弟姐妹（），爲什麼你的代碼不起作用的原因或使用的.next（）

​​

Answer 2

做到這一點：

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

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