jquery - jQuery prepend() バグ?

Question

prepend() を使用していますが、結果にバグがあるようです。

$('#element').prepend('<div><a href="http://google.com"><a href="http://test.com">Test.com</a> - A site</a></div>');

また、html の結果 (Firebug でも表示) にはバグがあります。

<div>
    <a href="http://google.com"></a>
    <a href="http://test.com">Test.com</a> - A site
</div>

(リンクはサンプルリンクです)

Answer 1

アンカー内にアンカーを配置することはできません...したがって、「バグ」ではなく、無効な HTML で予期しない動作をしますが、HTML が無効な場合、それは...まあ、予想通りです。

このように考えてみてください。内側のアンカーをクリックした場合、ブラウザはどこに移動する必要がありますか? http://test.com と をクリックしましたhttp://google.com。

Answer 2

私が知っているように、ネストされたリンク (a 要素) は html では許可されていません。したがって、ブラウザーは 2 番目の前に最初に閉じます。jQuery とは関係ありません。

Answer 3

アンカー タグのネストにもバグがあります。