JQueryを使用して要素の前の兄弟の値を取得する^^

Question

私がimgにクリックすると、前のTDの値を取得します。 このコードを試しますが、 tは私に（ユーザーID）の値を示して

$(document).ready(function() 
    {  
     var $Edit = $("tbody tr.odd td.hvr img"); 
     $Edit.click(function() { 
     var userid = $(this).prev('td').val(); 
     alert(userid); 
     } 
     ) 
    }) 

htmlコード：

<tbody> 
<tr class="odd"> 
    <td>some</td> 
    <td class="hvr"><img src="EditBtn.png"/></td> 

</tr> 

</tbody> 

Answer 1

あなたの試みには二つの問題があり、最初はtdがないimgの前の兄弟であるということです要素、私tは、img要素の親（td）要素の前の兄弟です。

第二の問題ではなく、それがtext()を持っているので、使ってみて、そのためval()は間違ったアプローチである、tdはvalue属性を持っていないということです。

$(document).ready(function() 
    {  
     var $Edit = $("tbody tr.odd td.hvr img"); 
     $Edit.click(function() { 
     var userid = $(this).parent().prev('td').text(); 
     alert(userid); 
     } 
     ) 
    }) 

JS Fiddle demo。

参考文献：

• text()。
• prev()。
• val()。あなたのコードthisで

Answer 2

1. <img>タグ、ないtdです。画像に最も近い<td>を取得するには、closest('td')を使用してください。
2. <td>タグに値がないため、val()は機能しません。

試してみてください：

$(document).ready(function() 
{  
    var $Edit = $("tbody tr.odd td.hvr img"); 
    $Edit.click(function() { 
     var userid = $(this).closest('td').prev('td').text(); 
     alert(userid); 
     }) 
})