0

以下のコードを使用してjqueryで画像の下にdivを配置しようとしていますが、うまくいきません。

<head>私はこのコードを持っています：

<script type="text/javascript">
$( document ).ready(function() {
$(".gdl-blog-full").find("img").prepend("<div id='1' style='width:400px; float: left; margin-top:10px; background-color: #000;'> You are watching 5th object out of 100 </div>");
});
</script>

そして、<body>私はこれを持っています：

<div class="gdl-blog-full">
<img src="logoF.png" width="400" height="93" />
</div>

画像の下に配置したいだけです<div>..

4

5 に答える 5

3

このように:

    $('.gdl-blog-full>img:first-child').after("<div>hello</div>");
于 2013-10-04T19:54:26.270 に答える
0

.insertAfter を使用して、要素を他の要素の後に配置します。

$("<div id='1' style='width:400px; float: left; margin-top:10px; background-color: #000;'> You are watching 5th object out of 100 </div>").insertAfter(".gdl-blog-full img:first-child");
于 2013-10-04T19:54:05.770 に答える