如何通过单击另一个在同一不同​​

Question

<tr class="item-row" id="itemsRow"> 
     <td></td> 
     <td><input class="tInput" id="invoiceNo" readonly/> </td> 
     <td><input class="tInput" id="clientId" readonly /> </td> 
     <td><input class="tInput" id="issueDate" readonly/></td> 
     <td><inpu class="tInput" id="netTotal" readonly /> </td> 
     <td><input class="tInput" id="amountDue" readonly /> </td> 
     <td><input class="tInput" id="status" readonly /> </td> 
</tr> 

我试着当我点击“输入ID =地位”得到的“输入ID = invoiceNo的价值得到的值使用下面的代码如何通过单击另一个<input>在同一<tr>不同​​

var invno = $(this).closest('tr td:nth-child(2) input').val(); 
alert(invno); 

It alerts'undefined'

那么如何解决这个问题？

Answer 1

closest只搜索parent()阵列。 所以，你必须在你的父元素搜索：

var invno = $(this).closest('tr').find('td:nth-child(2) input').val(); 

Answer 2

我会做

var invo = $(this).parents('tr').find('#invoiceNo').val() 

Answer 3

尝试使用此

$(this).closest('tr td:nth-child(1)').find('input#invoiceNo').val(); 

Answer 4

你有一个的ID 应该是独一无二的该页面（如果不是，则需要修复该页面），因此只需使用标准ID选择器（$('#invoiceNo').val();）直接选择该元素即可。不需要进行DOM遍历。