Question

如何在jquery的if条件中找到ul是否包含id为'liSubTask1'的li



 <ul id='ulTask'>
   <li id='liSubTask1'>subTask1</li>
   <li id='liSubTask2'>subTask2</li>
   <li id='liSubTask3'>subTask3</li>
   <li id='liSubTask4'>subTask4</li>
   <li id='liSubTask5'>subTask5</li>
 </ul>

<ul id='ulTask'> <li id='liSubTask1'>subTask1</li> <li id='liSubTask2'>subTask2</li> <li id='liSubTask3'>subTask3</li> <li id='liSubTask4'>subTask4</li> <li id='liSubTask5'>subTask5</li> </ul>

我想知道ul中是否存在“li with id”然后做一些事情

Answer 1

if($("#ulTask #liSubTask1").length)
{
   //your code here
}

Answer 2

“＆gt;” symbol限制选择器指向第一个选择器的后代：http://api.jquery.com/child-selector/

if ($('#ulTask > li#liSubTask4').length) {
   //...
}

Answer 3

这些问题听起来非常熟悉“Is there an “exists” function for jQuery”和“How do you check if a selector exists in jQuery?”

jQuery.fn.exists = function(){return this.length>0;}

if ($(selector).exists()) {
    // Do something
}

Answer 4

if($('ul#ulTask li#liSubTask1').length) {
   // do stuff
}

Answer 5

var nextli = $("#ulTask").next(li);
var id = nextli.attr('id');

Answer 6

如果要检查所有内部子元素，请使用以下代码。

if($('#ulId').find('#liId').length > 0)

如何在if条件下找到ul包含带有id的li

6 个答案: