如何獲得嵌套節點的innerHTML

Question

有人可以告訴我如何獲得第一個0123.a錨點的innerHTML嗎？我似乎無法得到這個權利。我正在尋找的是「測試1」和「測試2」的值。

<tr> 
    <td data-pid="2"><a data-pid="2" href="#"><a href="#">test 1</a></td> 
    <td><a data-pid="2" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td> 
</tr> 
<tr> 
    <td data-pid="3"><a data-pid="3" href="#">test 2</a></td> 
    <td><a data-pid="3" class="manage-icon" href="#"><img alt="" src="delete.png"></a></td> 
</tr> 

編輯： 對不起，不解釋事件。我需要爲點擊行的innerHTML。所以，如果我點擊第33行，它的值是「test 33」，那就是我需要看到的。

我使用點擊功能：

$(document).on("click",".manage",function(e){... 

Answer 1

試試這個，假設你在圖像上單擊（如果你想的鏈接觸發，而不是，只是改變img到a）：

$('img').click(function() { 
    console.log($(this).closest('tr').find('a').html()); 
}); 

但是，您的HTML有一個錯誤（未關閉錨點）。

jsFiddle example

Answer 2

我建議：

$('tr').click(function(){ 
    var aText = $(this).find('td:first-child a').html(); 
}); 

JS Fiddle demo。

需要注意的是，在演示中，我有編輯的第一行的各元素的HTML以匹配第二行的第一td的元素的格式（額外a開放標籤似乎是一個錯誤，但如果這是故意的，那麼jQuery可以修改）。

參考文獻：

• click()。
• find()。
• html()。

Answer 3

要獲得innerHTML的值，它是你提到的爲test1，test2的你可以使用這樣

$('td a').text(); 

.text()功能。如果你想利用TD的第一個孩子，那麼你可以這樣做：$('td:first-child a').text();

Answer 4

對於值我想你指的是text
順便說一句，您在此行中有一個錯誤：

<td data-pid="2"><a data-pid="2" href="#"><a href="#">test 1</a></td> 
              ^^^^^^^^^^^^ extra 

，比這可能幫助：LIVE DEMO

$('table tr').click(function(e){ 
    e.preventDefault();     // prevent unwanted anchor click behavior 
    var txt = $('td a', this).text(); // use .html() if you need to 
    alert(txt);      // Test text value 
}); 

如果你填充動態你的表行，比去：

$('table').on('click', 'tr', function(e){