在Jquery中将图像附加到div不起作用答案

【问题标题】：Append image to div in Jquery not working在Jquery中将图像附加到div不起作用
【发布时间】：2017-11-12 14:32:29
【问题描述】：

我想使用 Jquery 将图像附加到 div，我的代码如下所示：

$(".contentdiv")[div].append('<img src="china.jpg" class="contentimg">')

这不会返回错误，但也不会显示图像。当我删除 [div] 迭代器时，它确实可以工作，但我不想这样做，因为我将来可能想为不同的 contentdiv 使用不同的图像。问题不在 [div] 中，因为

$(".contentdiv")[div].style.marginLeft = 30px

工作正常。

【问题讨论】：

那么[div] 是什么？号码？？
试试：$(".contentdiv")[div].append("<img src='china.jpg' class='contentimg'>")（注意使用的引号。）

标签： jquery html css image class

【解决方案1】：

使用.eq()在不同的contentdiv中附加不同的图像，使用$(".contentdiv").eq(0).append('<img src="http://placehold.it/140x158" class="contentimg">');

$(".contentdiv").eq(0).append('<img src="http://placehold.it/140x158" class="contentimg">');
$(".contentdiv").eq(1).append('<img src="http://placehold.it/150x158" class="contentimg">');
$(".contentdiv").eq(2).append('<img src="http://placehold.it/160x158" class="contentimg">');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="contentdiv">
</div>

<div class="contentdiv">
</div>

<div class="contentdiv">
</div>

【讨论】：

【解决方案2】：

您需要定位 jQuery 对象，而不仅仅是返回的集合中的元素。 @jafarbtech 有一个很好的解决方案，但是您也可以将您现在拥有的内容包装在 $() 中以从中创建一个对象，以便您可以将其与 $.append() 一起使用

var div = 1;
$($(".contentdiv")[div]).append('<img src="http://kenwheeler.github.io/slick/img/fonz1.png" class="contentimg">');
$(".contentdiv")[div].style.marginLeft = '30px';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="contentdiv"></div>
<div class="contentdiv"></div>
<div class="contentdiv"></div>

【讨论】：