jquery .text()、.html() メソッドに問題があります。特定のボタンをクリックして span 要素のコンテンツを変更すると、追加の終了タグが追加されます。これは、firebug などのツールでのみ表示されます。
デモは次のとおりです: http://jsfiddle.net/kbsRp/ ボタンをクリックして span タグを調べると、追加の終了タグが追加されていることがわかります。
<span>updated text</span>
updated text</span>
このバグを防ぐ方法を知っている人はいますか? ほとんどの場合、それは本当に迷惑です。
これはChromeのWebインスペクターのバグのようです。そのため、Firefoxの人々はそれを目にしていません。手動でDOMをトラバースすることで、Chromeの正しい状態を確認できます。これは、Webインスペクターが嘘をついていることを示しています。
テストするために、アクティブなフレームをドロップダウンからに変更する必要がありますresult( fiddle.jshell.net )。それ以外の場合、クエリはメインウィンドウで実行されます。
html()エラーを回避するには、id を使用してスパンと関数をターゲットにする必要があります。
$("button").click(function() {
$("span#mine").html("updated text");
return false;
});