jquery - 删除 TD 元素的 img 标签并同时更改样式的 bgcolor 标签值

Question

我在这样的几个页面中有以下代码。

<td bgcolor="#017842" height="4"><img src="images/pix.gif" border="0" width="1" height="1" /></td>

并将替换

<td height="4" style="line-height: 4px; background-color:#017842;"></td>

实际上看到它不同，我需要对于每个具有 IMG SRC 值的 img 标签 = 'images/pix.gif' 删除父元素，但在添加到父元素的样式属性 line-height 类型之前..

我尝试使用此处发布的解决方案 Using jQuery each to replace image source

但我无法解决...

如果你理解得很好，我希望我解释正确。

谢谢！

Answer 1

我建议：

$('td img').filter(function(){
    return $(this).attr('src') == 'images/pix.gif';
}).parent().css({'line-hight' : '4px', 'background-color' : '#017842'}).removeAttr('bgcolor').find('img').remove();

JS 小提琴演示。

Answer 2

如果你定义了 id 那么它很简单；

$("#tdImg").empty();

另一个场景 - Show()：

$("#tableId tr").each(function () {
            $(this).find("img").each(function () {
                $(this).show();
            });
        });

使用 hide() 的场景：

$("#tableId tr").each(function () {      
            $(this).find("img").each(function () {                
                $(this).hide();
            });
    });

如果需要使用 $(this).remove() 删除图像，我们也可以使用 remove()