Question

在for循环中，我正在检查是否已经存在div，并且我的容器中存在particualr id（在我的情况下为lastwrap703）。

如果是这样，我将获取整个lastwrap703的HTML并将其附加到字符串并将其附加到新容器

因此新容器看起来像这样

<div id="newcontainer">

   <div class="TreeMenu_Content" id="itemcontent703">    
     <div class="lastItm_Wrap" id="lastwrap703" data-lastwrapquan="0">
         <h3>First Item</h3>
    </div>
    </div>

    <div class="TreeMenu_Content" id="itemcontent644">    
    <div class="lastItm_Wrap" id="lastwrap644" data-lastwrapquan="0">
         <h3>Second Item</h3>
    </div>
    </div>

</div>

我面临的问题是，如果该项目已存在，

我无法将其添加到当前的

<div class="TreeMenu_Content" >

请告诉我如何添加到本案中的现有内容。

提前致谢。

Answer 1

您可以使用基于jQuery对象的构造，如

function check() {
    var id = ["703", "405"];
    var $items = $(),
        $el, $item;
    for (var i = 0; i < id.length; i++) {
        $item = $('<div />', {
            className: "TreeMenu_Content",
            id: "itemcontent" + id[i]
        })
        $el = $("#mycontainer #lastwrap" + id[i]);
        if ($el.length) {
            $item.html($el.contents());
            $el.remove();
        } else {
            $item.html('<div class="lastItm_Wrap" id="lastwrap' + id + '" data-lastwrapquan="0"><h3>Some Item</h3></div>');
        }
        $items = $items.add($item)
    }
    $("#newcontainer").append($items);
}

演示：Fiddle

Answer 2

检查此脚本。将html追加到新容器中检查（）

    function check()
    {
    var id = ["703","405"];
    var itemshtml = '';
    for(var i=0;i<id.length;i++)
       {
          var exists = $("#mycontainer #lastwrap" + id[i]).length;

          if (exists == 1)
            {
              var itemshtml =  '<div class="TreeMenu_Content" id="itemcontent'+id[i]+'">';
             // i want to extract the content of lastwrap703 and append to the above 
              $("#newcontainer").append($("#mycontainer #lastwrap"+id[i]).html());
              break;
             }
            else  if (exists == 0) // doesn't exist
             {
               itemshtml += '<div class="TreeMenu_Content" id="itemcontent'+id+'"><div class="lastItm_Wrap" id="lastwrap'+id[i]+'" data-lastwrapquan="0"><h3>Some Items</h3></div>';
              $("#newcontainer").append(itemshtml);
             }
   }

如何获取div内容并在这种情况下追加

2 个答案: