如何在點擊鏈接之前找到元素？

Question

如果我有這樣的代碼：

<div class="container"> 
    <span class="pID">12342123</span> 
    <a href="#" class="but">click here</a> 
</div> 

<div class="container"> 
    <span class="pID">98765432</span> 
    <a href="#" class="but">click here</a> 
</div> 

<div class="container"> 
    <span class="pID">2342342</span> 
    <a href="#" class="but">click here</a> 
</div> 

我如何使它所以如果鏈接被點擊，請轉到PID和一個自己的容器內搶＃？

$('.but').on('click',function(){ 
    var pID = $(this).parent('pID').text(); ? 
}); 

Fyi，我沒有任何控制把PID放在錨點。多謝你們！

Answer 1

$('.but').on('click',function(){ 
    var pID = $(this).siblings('.pID').html(); 
}); 

是否使用的.text一些考慮（）或.html（）：

What is the difference between jQuery: text() and html() ?

如果使用如稱爲的onClick =「doThis一個可調用的函數（這） ;「：

function doThis(el) { 
    var pID = $(el).siblings('.pID').html(); 
} 

Answer 2

你很近。元素是兄弟姐妹，而不是父母。

$(this).siblings('.pID').text(); 

Answer 3

試試這個：

$('.but').on('click',function(){ 
    var pID = this.parentElement.children[0].textContent 
}); 

假設html結構不發生變化（例如，兒童[0]永遠是你正在尋找的範圍