在<a></a> </span>之后添加<span>

Question

您好我在jquery下方使用锚标记后添加span。

以下是我的代码：

$(document).ready(function(){
   $("a.ext-or-pdf-link").append("<span class=test>test</span>");
});

但这是在<a>代码中添加span，但我希望以<a> <a ...> text </a><span class=test>test</span>之后添加{{1}}。

任何想法？

由于

Answer 1

您需要使用after()

$("a.ext-or-pdf-link").after("<span class=test>test</span>");

.append()将传递的元素添加为目标元素的最后一个子元素。因此，在您的情况下，span将被添加为anchor的最后一个孩子，而不是将其添加为下一个兄弟

Answer 2

使用after代替append

$(document).ready(function(){
   $("a.ext-or-pdf-link").after("<span class=test>test</span>");
});

Answer 3

使用after（）

$("a.ext-or-pdf-link").after("<span class=test>test</span>");

请参阅链接：http://api.jquery.com/after/

在匹配元素集合中的每个元素之后插入由参数指定的内容。