如何在tr的最后一个td中为img标记添加事件或添加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');

如果您想点击它并添加一个“突出显示”类，那就是：

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');

});