javascript - 如何在 tr 的最后一个 td 中向 im​​g 标签添加事件或添加 id 属性

Question

我需要将属性 ID设置为跟随突出显示的 img 标签或找到突出显示的 img 标签并添加 onclick 事件。我怎么能用 jQuery 做到这一点？

---

<img src="/site/control/uploader/phpuploader/resources/stop.png" ...



<tbody>
<tr class="AjaxUploaderQueueTableRow" style="background-color: rgb(255, 255, 255);">
<td style="white-space: nowrap;">
<img src="/site/control/uploader/phpuploader/resources/circle.png" title="" width="16" height="16">
</td>
<td style="width: 456px;">Tales&nbsp;from&nbsp;the&nbsp;Dark&nbsp;1&nbsp;(2013).jpg</td>
<td style="white-space: nowrap;">
<img src="/site/control/uploader/phpuploader/resources/stop.png" title="Remove" width="16" height="16" style="cursor: pointer;">
</td>
</tr>
</tbody>

Answer 1

我不知道你什么时候想这样做，但这将使用 jquery 设置 id：

$('tr.AjaxUploaderQueueTableRow img:last').attr('id', 'yourID');

要找到最后一个 td 然后找到 img 标签，因为 img 可能不是最后一个：

$('tr.AjaxUploaderQueueTableRow td:last img').attr('id', 'yourID');

如果你想点击它并添加一个“highlight”类，那就是：

var lastTlbImg = $('tr.AjaxUploaderQueueTableRow td:last img');

lastTlbImg.click(function(){
    lastTlbImg.addClass('highlight');
})

Answer 2

更新

http://jsfiddle.net/kasperfish/2FCv6/2/

$("table:first tr td:last-child img").attr('id','blue').on('click', function(){
alert('clicked');

});