jquery - .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" />');