检查li里面是否有标签

时间:2016-08-02 11:27:50

标签: javascript jquery html

我试着检查li里面是否有找到孩子的标签,但我是新手并且不能正确做到我知道这很容易但我是Jquery的新手:

HTML:

<li class="dropdown open">
    <div class="dropdown-toggle">
        Something
    </div>
    <ul>
        <li>
            <input id="test" type="checkbox" value="Test" class="checkbox">
            <label for="test">Test</label>
        </li>
    </ul>
</li>

4 个答案:

答案 0 :(得分:3)

您可以查看length

if( $('li').find('label').length )
    //exist
else
    //does not exist

希望这有帮助。

if( $('li').find('label').length )
  console.log('Label exist');
else
  console.log('Label does not exist');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="dropdown open">
    <div class="dropdown-toggle">
        Something
    </div>
    <ul>
        <li>
            <input id="test" type="checkbox" value="Test" class="checkbox">
            <label for="test">Test</label>
        </li>
    </ul>
</li>

答案 1 :(得分:0)

使用以下代码计算label

li的数量
$("li").find("label[for='test']").length

答案 2 :(得分:0)

你有:

if($('li').find('label').length{
    // there is a label
}else{
   // no label here
}

答案 3 :(得分:0)

您可以使用dom遍历的长度:

if($('li').find('label').length)
{
   // code here
}
else
{
   // code here
}