更改班级的课文

时间:2013-06-12 13:54:57

标签: jquery html

我找到了他们的src不是的所有图片:“delete.png”并将他们的图片更改为“active.png”:

$("img.sign[src!='delete.png']").attr({ 'src': 'active.png', 'alt': 'Active' });

现在我正在尝试将“Active”更改为“Not Active”。

<td class="TableTD">
<p style="display:inline;" class="yellow" title="<p class='myclass'
style='margin-top:0px;font- size:12px;margin-bottom:0px;padding-
bottom:0px'>Active</p>">
<img alt="Active" src="active.png" class="sign"/>
</p></td>

这里可以找到Active这个词:

size:12px;margin-bottom:0px;padding-bottom:0px'>**Active**< /p>">

我想我应该这样做:

$("img.sign[src!='delete.png']").closest(p).title[.myclass] = "Not Active"
$("img.sign[src!='delete.png']").closest(p)

更新

可能是这样的:

$("img.sign[src!='delete.png']").closest('p').find("title.myclass").html('Not Active');

2 个答案:

答案 0 :(得分:2)

$("img.sign[src!='delete.png']").closest("p").attr('title', function(pos, value){
   return value.replace(">Active<", ">Not Active<");
});

答案 1 :(得分:1)

没有明智的方法可以更改title标记内的HTML,因为这只是浏览器的纯文本。我会从头开始重置标签,如

$("img.sign[src!='delete.png']").closest("p").attr('title', "<p class='myclass' style='margin-top:0px;font- size:12px;margin-bottom:0px;padding-bottom:0px'>Active</p>");

像Edorka建议的那样进行文本替换可能是一个更好的主意。

您也可以在标记之外的某处(隐藏)显示文本,在那里更改它,然后将title attr设置为该隐藏容器的html()。 (我不建议这样做。)

两者都有点hacky,但这是将HTML放入title标签的代价。