如何在jQuery中访问外部div元素以下场景？

Question

我的HTML代码如下：

<div class="ez-checkbox ez-checked">
  <input id="ckbCheckAll" class="custom-check ez-hide" type="checkbox" name=""></input>
</div>

现在我想访问具有id="ckbCheckAll"的输入的外部div。如何在jQuery中访问它？总之，我想检查具有id="ckbCheckAll"的容器输入的外部div是否具有 ez-checked 类。

Answer 1

您可以使用以下内容：

  if($('#ckbCheckAll').parent().hasClass('ez-checked')))
{
//Your code 
}

Answer 2

您可以使用closest()

var isExists = $("#ckbCheckAll").closest('div.ez-checkbox').hasClass('ez-checked');
if(isExists)
{
  //Rest of the code goes here 
}

Answer 3

您可以使用.parent：

var $ezCheckbox = $("#ckbCheckAll").parent();

您可以使用选择器确保父级绝对是ez-checkbox：

var $ezCheckbox = $("#ckbCheckAll").parent(".ez-checkbox");

所以要检查它是否有检查过的类

var isChecked = $("#ckbCheckAll").parent().hasClass(".ez-checked");

Answer 4

要访问.ez-checkbox，请使用parent方法

$("#ckbCheckAll").parent(".ez-checkbox");

Answer 5

尝试以下

var exists = $("#ckbCheckAll").parent().hasClass('ez-checked');

Answer 6

 var result =  $('#ckbCheckAll').parent().hasClass('ez-checked')

这是你想要的吗？

Answer 7

$("#ckbCheckAll").parent("div")

这确保了父级是div容器。

Answer 8

if( $("#ckbCheckAll").closest(".ez-checkbox").hasClass("ez-checked"))
{
// do your stuff
}

参考hasClass

closest

Answer 9

检查此代码

if(($("#ckbCheckAll").parent().hasClass("ez-checked"))){
alert("exist");
} else {
alert("not exist");
}

Demo

Answer 10

父div调用名称检查：

jQuery(document).ready(function(){
    if('ez-checked' == $("#ckbCheckAll").parent().attr("class")) {
    alert('yes');
   }
 });