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')获取上次img中的td，然后使用src功能更改attr，如下所示。

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

Answer 2

尝试使用.find()查找img并使用.attr()更改src属性，如下所示： -

$('#availableApps').on('click', 'tr', function (e) {
    $(this).find("img.pull-right").attr('src','new src');
});

或者使用:last查找最后一个td，如下所示： -

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

Answer 3

现在点击我想改变图像中的src 最后，

因为您要在点击任意列时更新最后一列的img源，请尝试

$(this).siblings().last().find( "img" ).attr( "src" , "new URL" );

explantion

到达最后一个兄弟 - $(this).siblings().last()

在最后一个兄弟中找到img - $(this).siblings().last().find( "img" )

最后更新网址

Answer 4

使用$(this).find上的find：last来获取最后一个img并使用attr设置src

$(this).find( "td:last img" ).attr( "src", "new URL" ) ;

Answer 5

您可以使用jQuery .find()

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

Answer 6

将:last用于上一次td

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

Answer 7

使用last-child并尝试以下代码： -

$(this).find('td:last-child').find('img').attr('src', 'new src');

OR

$(':last-child', this).find('img').attr('src', 'new src');

OR

$(this).find(':last-child').find('img').attr('src', 'new src');

希望它会对你有所帮助:)。

jQuery在$（this）对象中更改html

7 个答案: