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

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，请使用此链接的功能。

Answer 4

这个脚本将做必要的事情。

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

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

});
</script>