Jquery 在这种情况下，如何在正确的位置追加div

我正在尝试动态创建以下HTML

我是这么想的

在我生成的html中，它是以这种方式创建的

<div class="MyOrdersPage">
   <div class="customerNameDtl">
      <div class="customerNameDtl_left">
      MARK LITE
      </div>
      <div class="customerNameDtl_right">
         <p class="totalsection">Grand Total <span>₹ 530</span></p>
         <button class="btn btn-a">Confirm Order</button>
      </div>
      <div class="vendorNameDtsl">
         <h6>Vendor Name - TEST VENDOR</h6>
         <span>3 Items</span>
      </div>
   </div>
</div>

马克莱特
总计₹ 530

确认订单
供应商名称-测试供应商
3项

我面临的问题是，div不应该是div customernametl的一部分

---

您能告诉我如何正确地附加div vendorNameDtsl吗。

您需要将

vendorNameDtsl

附加到

。MyOrdersPage

：

 vendorNameDtsl.append(vendorhtml);
 $(".MyOrdersPage").append(customerNameDtlmain);
 $(".MyOrdersPage").append(vendorNameDtsl);

---

将代码结尾替换为：

//customerNameDtlmain.append(vendorNameDtsl);
$(".MyOrdersPage").append(customerNameDtlmain).append(vendorNameDtsl);

$（“.MyOrdersPage”）.append（customerNameDtlmain）

另外，您必须通过

trigger（'create'）

工作JS:

var customerNameDtlmain = $('<div class="customerNameDtl"></div>'); 
var customerNameDtl_left = $('<div class="customerNameDtl_left"></div>'); 
customerNameDtl_left.append('MARK LITE');
customerNameDtlmain.append(customerNameDtl_left);
var customerNameDtl_right = $('<div class="customerNameDtl_right"></div>'); 
var html = '<p class="totalsection">Grand Total <span>&#x20B9; 530</span></p><button class="btn btn-a">Confirm Order</button>'
customerNameDtl_right.append(html);
customerNameDtlmain.append(customerNameDtl_right);
var vendorNameDtsl = $('<div class="vendorNameDtsl"></div>'); 
var vendorhtml = '<h6>Vendor Name - TEST VENDOR</h6><span>3 Items</span>';
vendorNameDtsl.append(vendorhtml);
customerNameDtlmain.append(vendorNameDtsl);
$(".MyOrdersPage").append(customerNameDtlmain).trigger('create');

var customerNameDtlmain=$（''）；
var customerNameDtl_左=$（''）；
customerNameDtl_left.append（'marklite'）；
customerNameDtlmain.append（customerNameDtl_左）；
var customerNameDtl_right=$（''）；
var html='
总计₹；530
确认订单'
customerNameDtl_right.append（html）；
customerNameDtlmain.append（customerNameDtl_right）；
var vendorNameDtsl=$（''）；
var vendorhtml='供应商名称-测试供应商3项'；
append（vendorhtml）；
customerNamedTMain.append（vendorNameDtsl）；
$（“.MyOrdersPage”）.append（customerNameDtlmain.trigger（'create'）；

请试试这个，它会起作用的

  $("<div/>",{class:"MyOrdersPage"}).appendTo('body');
     $("<div/>",{class:"customerNameDtl"}).appendTo(".MyOrdersPage");
    $("<div/>",{class:"vendorNameDtsl"}).appendTo(".MyOrdersPage");

    $("<div/>",{class:"customerNameDtl_left",text:"MARK LITE"}).appendTo(".customerNameDtl");

    $("<div/>",{class:"customerNameDtl_right"}).appendTo(".customerNameDtl");
var html1="<p class='totalsection'>Grand Total <span>₹ 530</span></p>"+
             "<button class='btn btn-a'>Confirm Order</button>";
    $(html1).appendTo(".customerNameDtl_right");
    var html2="<h6>Vendor Name - TEST VENDOR</h6>"+
             "<span>3 Items</span>"
    $(html2).appendTo(".vendorNameDtsl");

$（“”，{class:“MyOrdersPage”}）；
$（“”，{class:“customerNameDtl”}）.appendTo（“.MyOrdersPage”）；
$（“”，{class:“vendorNameDtsl”}）.appendTo（“.MyOrdersPage”）；
$（“”，{class:“customerNameDtl_left”，文本：“MARK LITE”}）；
$（“”，{class:“customerNameDtl_right”}）.appendTo（“.customerNameDtl”）；
var html1=“
总计₹ 530
”+
“确认订单”；
$（html1）.附录（“.customerNameDtl_right”）；
var html2=“供应商名称-测试供应商”+
“3项”
$（html2）.appendTo（“.vendorNameDtsl”）；

请澄清“我面临的问题是，div不应成为div客户MEDTL的一部分”，我不这么认为understand@DanielCheung这意味着附加的div不应该附加在

customerNameDtl

中。