使用JS / jQuery生成表格時，在jQuery中選擇一個單元格值

Question

所以我的表是在document.ready上的javasscript / jquery中創建的（至少是所有單元格和標頭）。 我希望能夠在同一行上按下按鈕時獲得最左邊的單元格值。 最好的方法是什么？

Answer 1

就像是：

$("tr > button").live('click', function(){
    //do stuff on click
    $(this).();
});

由於表格是由jQuery在加載時創建的，因此您需要使用.live（）或.on（）方法，因為.click（）對您不起作用。

https://api.jquery.com/live/

http://api.jquery.com/on/

Answer 2

沒有實際數據，不可能100％回答，但是

$(this).parents("tr:first");

將返回您當前所在的行。

並鏈接找到第一個孩子

$(this).parents("tr:first").find("td:first");   

所有這些都應該放在您使用的處理程序中，但是我不知道您如何處理點擊等，以及如何找到按鈕。

要獲取單元格的最終內容，請將其進一步鏈接：

$(this).parents("tr:first").find("td:first").text();  

Answer 3

這是概念。 單擊一行中具有“ myButton”類的按鈕時，它將找到最接近的父行，在該父行中查找第一個表格單元格，並警告該值（一旦該值為分配）。 是否適合您取決於您​​的HTML，因此最好為您提供一些問題。

$('.myButton').on('click', function() {
   var cellContent;
   cellContent = $(this).closest('tr').find('td').slice(0).val();
   alert(cellContent);
});

Answer 4

在點擊處理程序中使用以下代碼：

$(event.target).closest('tr').find('td:first').text()