在另一个链接后附加链接

时间:2014-03-14 19:52:33

标签: jquery

如何在包含特定文本的链接后附加jQuery链接?例如,"追加到我之后"。

<div class="links">
    <a href="#" class="myLink">some link</a>
    <a href="#" class="myLink">append after me</a>
    <a href="#" class="myLink">another link</a>
</div>


$(".links a").contains("append after me").append("<a href="">new link</a>");

3 个答案:

答案 0 :(得分:4)

您应该使用:contains() filter代替.contains() method。另外,要在链接后添加链接,请使用.after()代替.append()(附加到innerHTML)。

$(".links a:contains('append after me')").after("<a href=''>new link</a>");

答案 1 :(得分:1)

您必须使用不同类型的引号,以便它不会过早地终止附加的字符串。

$(".links a").contains("append after me").append("<a href=''>new link</a>");

有关“:contains”的更好解释,请参阅Ketola的答案。

答案 2 :(得分:1)

试试此代码

$( ".links a:contains('append after me')" ).after("<a href=''>new link</a>")

或者将它放在div的末尾

$( ".links a:contains('append after me')" ).next().after("<a href=''>new link</a>")