Question

单击复选框时，我试图找到该元素的根div类

我尝试使用不同的选项，但对于所有这些选项我都未定义。

$(document).on("click", ".checkboxclas", function(e) {
    var cls = $(this).find('div:first').attr('class') ;
    alert(cls)

});

点击activateUiHTML复选框后，我想显示 activateUiHTMLparentdivclass

点击ordersdiv复选框后，我想显示 parentsordersdivclass

任何人都可以告诉我如何做到这一点。

Answer 1

尝试使用.parents().last()来查找最后一个父元素，我认为你对根元素的含义有些混淆。

$(document).on("click", ".checkboxclas", function(e) {
    var cls = $(this).parents('div').last().attr('class') ;
    alert(cls);
});

DEMO

Answer 2

更改

var cls = $(this).find('div:first').attr('class') ;

到

var cls = $(this).closest('div').attr('class') ;