根据标签包含的文本将 id 添加到标签

Question

我需要根据 h2 包含的文本添加一个“id”。我所拥有的不起作用。

像这样开始

<h2>Revision 3</h2>

脚本

$('h2:contains(" Revision 3 ")').replaceWith( "<h2 id="rev3">Revision 3</h2>"); 

像这样运行 结束

<h2 id="rev3">Revision 3</h2>

Answer 1

$('h2').each(function ()
{
    if ($(this).text() == "Revision 3")
        $(this).attr('id','rev3');
}

循环遍历所有 h2 标签，如果标签文本为 Revision 3 ，则将 id 设置为 rev3

Answer 2

或者，如果您只是想向其中添加 ID，您可以使用更快的方法，例如：

$('h2:contains("Revision 3")').attr('id','rev3');

Answer 3

您不能使用字符串分隔符在字符串中引用字符串...因此您不能在用 " 分隔的字符串内使用 " >，但是您可以在用 " 分隔的字符串内使用 '。例如：

$('h2:contains(" Revision 3 ")').replaceWith( "<h2 id='rev3'>Revision 3</h2>");

应该可以。此外，开头的空格，字符串的 和 end 应该被删除，因为它们不在您要查找的字符串中：

$('h2:contains("Revision 3")').replaceWith( "<h2 id='rev3'>Revision 3</h2>");

最后，使用类似以下内容不是更容易：

$('h2:contains("Revision 3")').attr('id','rev3');

鉴于 id <必须在文档中是唯一的，也许也值得将选择器限制为仅一个元素：

$('h2:contains("Revision 3")').eq(0).attr('id','rev3');

Answer 4

$('h2:contains("Revision 3")').attr("id", "rev3");

Answer 5

我认为修订版 3 开头和结尾的提取空格造成了一个问题。

试试这个：

$('h2:contains("Revision 3")').replaceWith( "<h2 id="rev3">Revision 3</h2>");