Question

所以我有一个有几行的表，每行有3个td，每个都有一个类; “td1”，“td2”和“td3”，td3里面有一个<span>，就像这样的链接：

<table>
  <tr>
    <td class="td1">This is td number 1 in row 1</td>
    <td class="td2">This is td number 2 in row 1</td>
    <td class="td3">This is td number 3 in row 1<span class="clickMeLink">Click me</span></td>
  </tr>
  <tr>
    <td class="td1">This is td number 1 in row 2</td>
    <td class="td2">This is td number 2 in row 2</td>
    <td class="td3">This is td number 3 in row 2<span class="clickMeLink">Click me</span></td>
  </tr>
</table>

    $('.clickMeLink').on('click', function () {

    });

有没有办法让我获得td2的innerHTML，这个内部HTML是被点击的<span>。因此，如果我单击第1行中的<span>，我将获得第1行中td2的innerHTML。我想将生成的innerHTML存储在我可以在另一个函数中使用的变量中。

我希望这是有道理的。

由于

Answer 1

Fiddle Demo

$('.clickMeLink').click(function () {
    var txt = $(this).parent().prev().html();
//                      ^ parent of current element and than gets it's previous td
    alert(txt);
});

this keyword

.prev()

.parent()

Answer 2

$('.clickMeLink').on('click', function(){
    $yourtd = $(this).parents('tr').find('.td2');
    console.log($yourtd);
})

通过单击后面的另一个元素来获取元素的innerHTML

2 个答案: