Question

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

点击一个复选框，我创建了一个div并将其添加到主Orders 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();

    }
});

点击Honey with Choclate Sauce 10 ML（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元素时，是否可以将名为topping的数据变量附加到checkboxclas监听器内的“在此之后添加”位置？

请有人帮忙吗？

Answer 1

您可以使用：

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

如何在另一个组件中存在的某个位置附加div

1 个答案: