javascript - Ajax 根据行获取表值

Question

我可以从我的行中获取第一个和最后一个值，但无法获取我的行的第二个和第三个值。谁能帮我。

这是我的代码

=> HTML

<tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
    <td><button class="btnDelete">Delete</button></td>  
</tr>

=> javascript

$(".btnDelete").click(function (evt) {
   var cell=$(evt.target).closest("tr").children().first();
   var cell2=$(evt.target).closest("tr").children().last();
   var custID=cell.text();
   var custID2=cell2.text();
   alert(custID);
   alert(custID2);
}

谢谢。

Answer 1

我认为在没有 jQuery 的情况下更容易获得这些值。通过使用 HTMLTableRowElement.cells DOM 属性。这几乎像一个数组，但又不是数组。

$("#myTable").on('click','.btnDelete',function(){
     // get the current row
     var currentRow = $(this).closest("tr")[0]; 
     var cells = currentRow.cells;

     var firstCell = cells[0].textContent;
     var secondCell = cells[1].textContent;

     //...
     //nthCell = cells[n-1].textContent;
     console.log( firstCell );
     console.log( secondCell );
});

如果您仍然需要 jQuery，那么您可以使用 .eq() 而不是 .first() 和 .last() 方法方法。

 var rowCells = $(this).closest("tr").children(); 
 var firstCell = rowCells.eq( 0 ).text();
 var secondCell = rowCells.eq( 1 ).text();