jquery - imgの後のjQueryappendまたはappendTo

Question

この単純な追加を機能させることができません。最初の画像の後に2つのブレークタグを追加しようとしています。
これはリンクです

<script type="text/javascript">
$(document).ready(function(){

  $('.photosize').find('img:first').append('<br/><br/>');
});
</script>

score 12 · Accepted Answer

append()適用する要素の子として要素を挿入します。after()代わりに使用してください：

$('.photosize').find('img:first').after('<br/><br/>');

score 0 · Accepted Answer

これはすでに機能していますが、注意が必要です。

1）呼び出す$.append()と、追加先の要素のinnerHTMLに文字列が追加されます。したがって、このインスタンスでは、画像要素のinnerHTMLに2つの改行が追加されます。$.after()代わりに使用してみてください：

$('.photosize').find('img:first').after('<br/><br/>');

2）:firstセレクターは、IEの多くの（すべてではないにしても）バージョンでは機能しません。疑似クラスの代わりにIDまたはクラスを使用して選択することでこれを修正できます:first

score 0 · Accepted Answer

これを実行します（テストされ、動作します）：

$('.photosize img').first().after('<br/><br/>');

お役に立てれば。乾杯

3 に答える 3