Question

我有一个div，比如说主要div，并且使用jQuery，我将一个包装div中的图像添加到主div。这是为我要上传的多个图像完成的。我完成了。

但是现在，我还需要添加一个标签以及图像，并希望在其中再添加一个div。我如何实现同样的目标？

$("<img />", {
        "src": e.target.result,
        "class": "thumb-image "+imgCls[i]
}).appendTo(image_holder).wrapAll("<div class='uimg_holder'></div>");

这给了我：

<div class="image_holder">
  <div class="uimg_holder">
    <img src="..." />
  </div>
  <div class="uimg_holder">
    <img src="..." />
  </div>
</div>

我希望：

   <div class="image_holder">
      <div class="uimg_holder">
        <img src="..." />
        <a href=""></a>
      </div>
      <div class="uimg_holder">
        <img src="..." />
        <a href=""></a>
      </div>
    </div>

我尝试使用它没有成功：

var nhtml="<a href='#'>Close</a>";
    $("<img />"+ nhtml , {
       "src": e.target.result,
        "class": "thumb-image "+imgCls[i]
    }).appendTo(image_holder).wrapAll("<div class='uimg_holder'></div>");

请帮忙！

Answer 1

您可以使用.add()来实现它。

.add()方法从这些元素的并集和传递给方法的元素构造一个新的jQuery对象。

＆＃13;

var image_holder = $('.image_holder')
$("<img />", {
    "src": 'https://i.stack.imgur.com/fYUxi.jpg?s=32&g=1',
    "class": "thumb-image "
  })
  .add("<a href='#'>Close</a>") //Injected this portion
  .appendTo(image_holder)
  .wrapAll("<div class='uimg_holder'></div>");

＆＃13;

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

＆＃13;

如何在动态添加的包装div中使用jquery添加图像和div？

1 个答案: