删除TD元素的img标记,同时更改样式的bgcolor标记值

时间:2012-11-24 00:07:15

标签: jquery html replace tags

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

<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

但我无法解决......

如果你理解得不好,我希望我能正确解释。

谢谢!

2 个答案:

答案 0 :(得分:2)

我建议:

$('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 Fiddle demo

答案 1 :(得分:0)

如果您定义了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()。删除()