如何隐藏所有单元格具有特定src图像的tr

Question

我有一个大约50行的表，现在我想要的是隐藏表格中有img src =“BadFruit”的所有tr，我不知道如何有效地做到这一点，请指导正确的方向，

HTML

"<tr fruit-id='" + someID+ "' class='Row' onclick='DoSomething(" + someID + ")'>" +
"   <div class='Row'>" +
"       <td class='Cell CellInfo'>" +
"           <div class='Title'>" + FruitTitle + "</div>" +
"       </td>" +
"       <td class='Cell CellIcon'>" +
"           <div><img src='" + src + "' alt='" + alt + "' /></div>" +
"       </td>" +
"   </div>" +
"</tr>"

我想在没有页面重新加载的情况下这样做

Answer 1

您可以使用attribute selector选择具有该源的图像，然后使用nearest（）

隐藏tr

$('tr img[src="BadFruit"]').closest('tr').hide();

Answer 2

你可以这样做：

$("tr td img[src=BadFruit]").closest("tr").hide();