.after（）没有按预期工作

Question

我正在构建一个chrome扩展，我有一段代码，如：

$('a').filter(function() {
return $(this).html().match(/myexpressionhere/);
}).after().append('<img src="myImage" />');

当我运行代码时，它会将我的图像添加到每个锚链接中。但是，它会在链接中添加它们，如：

<a ...> yada yada <img src="myImage" /></a>

而不是之后，就像我想要的那样：

<a ...> yada yada</a><img src="myImage" />

知道为什么吗？

Answer 1

使用.after时，在括号内插入要追加的元素：

$('a').filter(function() {
    return $(this).html().match(/myexpressionhere/);
}).after('<img src="myImage" />');