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

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

奥 git _a

我需要将属性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');
})