如何检查元素是否存在于div中？

Question

如果我点击activateUiHTML div下的复选框，它会将该特定div附加到我的订单 div

中的另一个div

但是，如果我取消选中该复选框并重新检查 activateUiHTML 下的复选框，则会再次向我的订单 div添加相同的元素。

这是我的jsfiddle

http://jsfiddle.net/e56TY/40/

我试图提出这个条件，但不确定这是否正确

if($('#addtoordersdiv'+id_attr_val).length > 0)
{

}

Answer 1

<强> Fiddle

在获取ID后添加其他条件

if ($(this).is(':checked')) {

    var id_attr_val = $(this).attr("id");
    if(!$('#addtoordersdiv'+id_attr_val).length){

         //append code

    }

如果元素不存在，

.length将返回0。

!$(elem).length的替代方案，您也可以使用$(elem).length === 0

Answer 2

您可以将处理程序添加到活动div内的复选框，只有

$(document).on("click", ".activateUiHTML .checkboxclas", function (e) {
})

Answer 3

你可以试试这个：http://jsfiddle.net/e56TY/43/

检查它是否已有元素：

if ($(this).is(':checked') && $("#ordersdiv").children('#addtoordersdiv'+id_attr_val).length==0) {...