jQuery replaceWith、append、prependが機能しない

Question

#container #boxes #third li a 内でホストされているliに何かを追加しようとしていますが、うまくいきません。

次のコードを使用しています：

$('#container #boxes #third li a').append(kevintext);

しかし、私がそれをするたびに、何も起こりません。動作中のコードは、私のテストページでご覧いただけます。

それがうまくいかなかったので、フッター内のスパンを他のテキストに置き換えるために他のことを試みました（JavaScriptが無効になっている人は「私の上にカーソルを合わせて」と表示されずにカーソルを合わせようとしません）。

次のコードを使用しました：

$('#footer span').replaceWith('<i>For design info, mouse over me.</i>');

それも機能しなかったので、これはおそらく私のコードに関係があると考えており、おそらく1つの修正で両方の問題を解決できますか？

助けてください。

Answer 1

あなたが持っているものは動作するはずです。おそらくそうではない主な理由は、（少なくともassets / script.jsを簡単に見て）あなたが$（document）.ready（）の外でこれを実行しようとしているためです-この関数でコードをラップすることなく（別の部分で行った）要素はまだ作成されていないため、その時点では何も起こりません。