如何使用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>