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

使用$.after

$('.gdl-blog-full').find('img:first-child').after('<div id='1' style='width:400px; float: left; margin-top:10px; background-color: #000;'> You are watching 5th object out of 100 </div>');
于 2013-10-04T19:45:26.567 回答
0

用于.after在指定元素之后放置一个元素，也:first-child用于获取第一张图片：

$(".gdl-blog-full").find("img:first-child").after("<div id='1' style='width:400px; float: left; margin-top:10px; background-color: #000;'> You are watching 5th object out of 100 </div>");
于 2013-10-04T19:45:35.890 回答
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 回答
0

不前置它应该在之后

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