如何检查任何div是否具有具有特定类的内部div，例如'；xyz'；使用javascript？

在上面的html代码中，如何检查

div

拥有类

abc

是否拥有

div

拥有类

xyz

您可以简单地执行以下操作：

<div class="abc">
  <a><img></a>
  <h4></h4>
  <div class="xyz">
    <a href="google.com">Hello</a>
  </div>
</div>

下面是一个演示：

使用JQuery：

var list = document.querySelectorAll('div.abc div.xyz');
if (1 == list.length) {
    alert("found");
}

试着这样做： 让你的父母有一个像abc一样的身份证

$("div.abc").has("div.xyz");

---

还记得根据您的要求修改此脚本。我的意思是，您可以为要遍历的div指定一个特定的类来代替id。要选择包含特定类的所有div，请使用此函数。

此脚本将完成所需的操作

var v =  document.getElementById('abc');
for(var i in v.children)
{
 if( v.children[i].nodeName == 'DIV')//this will tell if the parent div has children divs
 {
  console.log(v.children[i].className == 'xyz');//this will be true if the child div has a class named xyz.
 }
}

$（文档）.ready（函数（）{
if（$（“div.abc”）.children（'div'）.hasClass（“xyz”））
{
警惕（“发现”）；
}
});

只是好奇，为什么不使用jQuery？如果OP想要直接子对象，这不应该是选择器的

1

操作符吗？问题不清楚。我是按照你的建议先吃的。但问题是：“拥有abc类的div是否拥有xyz类的div”，这可以解释为“拥有一个拥有xyz类的div”。当然，如果有多个

s是有效的，则可以对其进行调整。

<script type="text/javascript">
$(document).ready(function(){

    if($("div.abc").children('div').hasClass("xyz"))
    {
        alert("found");
    }

});
</script>