2016-09-26 59 views
1

我正在嘗試在我的項目中實現一些編輯/更新功能,並且我正在很難訪問下面的圖片中的td。 首先,我不確定是否每個<td>都有一門課是一個好主意,但這就是我的做法。 在每一行上我都有一個編輯按鈕,當按下它時,它應該會獲得特定行的信息。用我的代碼,這隻適用於第一行。使用jQuery從html表中獲取文本

我已經在DOM結構如下:

enter image description here

我試圖訪問以這種方式<td>元素:

$('#lblEditDeleteProducts .brandDom').eq(0).text(); 

但問題是,這總是得到文本從第一行開始,我有很多行。

我也試過這個代碼,沒有工作:

$(this).closest('.nameDom').text() 
+0

試試這個: $('#lblEditDeleteProducts .brandDom')。eq(1).text(); –

+4

同一行中的表格單元格中的編輯按鈕? – j08691

+2

你的編輯按鈕在哪裏? –

回答

1

如果編輯按鈕不可用nameDom班列的子項,然後將closest沒有發現任何東西。嘗試獲取父tr,然後從那裏搜索:$(this).closest("tr").find(".nameDom").text()

+0

這工作!謝謝! –

0

下面的代碼爲我工作(從上面的帖子)。

$(this).closest("tr").find(".nameDom").text() 
1

的選擇是完全地錯誤:

var i = 1; 
$('#lblEditDeleteProducts tr').eq(i).find('.brandDom').text(); 

選擇首先#lblEditDeleteProducts tr檢測所有元素的父然後使用.find()找到你的孩子。使用.eq()可以選擇所選元素的x索引。