jquery - .after() が意図したとおりに機能しない

Question

私はクロム拡張機能を構築しており、次のようなコードブロックがあります:

$('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" />');