Jquery 如何在另一个组件中的某个位置追加div

这就是我的屏幕外观（每个复选框都有相应的值）：

单击复选框，我将创建一个div并将其添加到主订单div中，如下所示

$(document).on("click", ".checkboxclas", function (e) {
    if($(this).is(':checked'))
    {
        var buildcart = $('<div id="addtoordersdiv"></div>');
                      buildcart.append('<div  data-role="collapsible">
                      <div class="prd-items-detials">
                      <ul><li class="head">
                      <form><label class="testtt" for="checkbox-mini-0">' + itemname + '</label></form>
                      </li><li class="prd-items-qt">
                      <div class="col"><span class="prd-sm-img">
                      <img id="imagesd" type="img" height="40" width="40"  src="'+image+'"/>
                      <span>
                      </div>
                      <div class="col"><i class="minus"></i>
                      <i class="qt qt_'+id_attr_val+'">1</i>
                      <i class="plus" id_attr="'+id_attr_val+'"></i>
                      </div>
                      <div class="col">
                      <a href="#" class="btn btn-sm">Topping</a></div>
                      <div style="display: none;" class="price" >'+price+'</div>
                      <div class="col total total_'+id_attr_val+'" id_attr="'+id_attr_val+'">'+price+'</div></li></ul>
                      </div>
                      // add it right after here 
                      </div>');

        var dataa = '<div id="ordersdiv" style="display:none"></div>';
        $("#myordersdiv ul").append(dataa);
        $("#ordersdiv").prepend(buildcart);

    $("#myordersdiv").show();
    }
    else
    {
        $('#ordersdiv').remove();
          $('#addtoordersdiv').remove();

    }
});

$（文档）。在（“单击”、“.checkboxclas”上，函数（e）{
如果（$（this）.is（':checked'））
{
var buildcart=$（''）；
buildcart.append（'

“+itemname+”

1.
“+价格+”
“+价格+”
//在这里后面加上它
');
var dataa=“”；
$（“#myordersdiv ul”）.append（dataa）；
$（“#ordersdiv”）.prepend（buildcart）；
$（“#myordersdiv”）.show（）；
}
其他的
{
$（'#ordersdiv'）。删除（）；
$（'#addtoordersdiv'）。删除（）；
}
});

当点击蜂蜜加巧克力酱10毫升时（a href值）

我还有一个监听器，当点击部分内容时会被激活

$(document).on("click", ".secclass a", function (e) {
var name = $(this).attr("name");
var topping='<div class="Topping-details"><section><a href="#">Honey With Choclate Sauce 10ML</a></section></div>';
$( this ).addClass( "tpActive" );
});

$（文档）。在（“单击”上，“.secclass a”，函数（e）{
var name=$（this.attr（“name”）；
var-topping=''；
$（此）.addClass（“tpActive”）；
});

我的问题是，当我点击secclass元素时，是否可以将名为topping的数据变量附加到checkboxclas侦听器中的“addit right after here”位置

谁能帮忙吗

您可以使用：

$(this).parent().next('.col').after(topping);

---

您不应该对多个元素使用相同的id。改用课堂。你能把这张图片裁剪成相关的部分吗？@BhushanKawadkar这个女孩在这方面很坚定，我们多次建议@PreethiJain请创建一个提琴，并通过写下您尝试过的内容和您期望的内容来具体解释您的问题。谢谢，您的意思是，我需要在该语句$（this）.addClass（“tpActive”）；？之后添加此行？？是的，你可以。声明toppingThis是我的提琴（因为数据来自databse，它当前不工作。）只需将静态html放在这里。