javascript - jQuery 更改 $(this) 对象中的 html

Question

我使用这个 jQuery 代码来检测对表格中行的点击。

$('#availableApps').on('click', 'tr', function (e) {
    $(this)
});

HTML 标记:

<tr>
  <td><img src="http://is5.mzstatic.com/image/thumb/Purple/v4/9a/b5/39/9ab539fb-4a39-c780-e9ec-eb58f4685141/source/512x512bb.jpg" style="width:20px; height:20px; border-radius: 10px;"></td>
  <td>Lär dig läsa</td>
  <td>2<img class="pull-right" src="/Images/arrowRight.png"></td>
</tr>

现在单击我想更改 src最后一张图片的 <td> , 我怎么能用这个 $(this) 做到这一点对象？

Answer 1

使用find('td:last img')获取最后一个td中的img，然后更改src 使用 attr 函数，如下所示。

$('#availableApps').on('click', 'tr', function (e) {
    $(this).find('td:last img').attr('src', 'new src');
});