여러 요소, 같은 클래스, 하나의 요소 값 가져 오기 - jquery

Question

동일한 클래스의 여러 요소가 있습니다. 나는 앵커 태그의 두 번째 DIV를 클릭하면

<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> 태그를 클릭하면이 .product-list-col 값의 값을 경고한다 1

, 그것은 경고한다 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); 
}); 

을 선택 있기 때문에 형제(), 코드가 작동하지 않는 이유는를 사용하거나 다음 내용 사용할 수 있습니다

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

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/