过滤父div只有一种类型的子

时间:2017-10-27 08:12:50

标签: javascript jquery html jquery-selectors

我需要用课程' 测试'来搜索div。在hid子节点或子节点中只有按钮类型。这是我必须过滤的HTML。

<div class="test">
  <div>
    <button> <span>Button 1</span></button>
    </div>
</div>
<div class="test">
  <div>
    <button> <span>Button 2</span></button>
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
  </div>
</div>

基于this jQuery选择器,我已对此fiddle进行了测试,但它返回了此错误:this error

我期待回归的div是第一个div。 那我怎么能达到呢?

2 个答案:

答案 0 :(得分:0)

您可以比较子div元素和包含按钮元素的子div元素的长度:

{{1}}

<强> Working Demo

答案 1 :(得分:0)

这个应该可以解决问题。

var TestDivs = $(document).find(".test div button");
alert(TestDivs[0].innerHTML);