jqueryを使用して同じ行のボタンをクリックするとtd値が表示されます

Question

テーブルに行が多く、各行に削除ボタンがあります。削除ボタンをクリックしている間に2つのTD値を取得しようとしています。ヌル

Htmlのボタン

jQuery(this).find("tr td:eq(1)").text(); 

をクリックする上

<tr> 
    <td> abc</td> 
    <td> def</td> 
     <td> <input type="button" class=" delete" value=" delete"></td> 

jQueryのコードは、何か問題がありますか？削除ボタンをクリックすると2番目のtd値が得られるはずです

Answer 1

まず親を取得する必要があります。

jQuery(this).parents('tr').find("td:eq(1)").text(); 

Answer 2

あなたは子供を見つけ、その後、最初に戻って親に移動する必要があります。

$('.delete').on('click', function(){ 
 
    txt = $(this).parents('tr').find("td:eq(1)").text(); 
 
    console.log(txt); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>abc</td> 
 
    <td>def</td> 
 
    <td> 
 
     <input type="button" class="delete" value="delete"> 
 
    </td> 
 
    <tr> 
 
</table>

Answer 3

これを試してみてください。

jQuery(this).closest('tr').find('td:eq(1)').text(); 

Answer 4

使用に最も近い（）関数とその親TRを取得し、見つける "TD：当量（1）"

jQuery(this).closest('tr').find('td:eq(1)').text();