javascript - 查找 html 元素并将其替换为特定文本

Question

我有类似这样的 HTML 代码:

<ul><br/>
<li><a href="#">21</a></li><br/>
<li><a href="#">10</a></li><br/>
<li><a href="#">6</a></li><br/>
<li><a href="#">1</a></li><br/>
<li><a href="#">7</a></li><br/>
<li><a href="#">5</a></li><br/>
</ul>

我想制作一个 Jquery 代码，将类添加到具有给定文本的链接(注意，必须完全是文本)。例如，如果我调用 Method(1, "replaced text")那么这必须是 HTML 结果:

<ul><br/>
<li><a href="#">21</a></li><br/>
<li><a href="#">10</a></li><br/>
<li><a href="#">6</a></li><br/>
<li><a class="myclass" href="#">1</a>replaced text</li><br/>
<li><a href="#">7</a></li><br/>
<li><a href="#">5</a></li><br/>
</ul>

Answer 1

您可以使用filter()匹配元素，然后链 addClass()进入after() :

$("li > a").filter(function() {
    return $(this).text() == "1";
}).addClass("myclass").after("replaced text");