Question

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

在上面的html代码中，我如何检查div类abc是否div有xyz类。

Answer 1

你可以这样做：

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

以下是演示：http://jsfiddle.net/3xQ5X/

Answer 2

使用JQuery：

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

Answer 3

尝试这样的事情：让你的父div像abc一样id。

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.
 }
}

另请记住根据您的要求修改此脚本。我的意思是你可以给你想要遍历的div提供一个特定的类来代替id。要选择包含某个特定类的所有div，请使用此link的函数。

Answer 4

这个脚本可以满足需要。

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

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

});
</script>

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

4 个答案: