javascript - javascriptを使用して、特定のクラスが「xyz」と言う内部divがdivにあるかどうかを確認するにはどうすればよいですか?

Question

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

div上記のHTMLコードで、クラス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

このスクリプトは必要なことを行います。

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

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

});
</script>

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

JQuery の使用:

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