如何通过jquery检查div中的特殊元素?

如何通过jquery检查div中的特殊元素?,jquery,css-selectors,Jquery,Css Selectors,例如div容器: <div class="container"> <ul> <li id="apple"> apple </li> <li id="banana"> banana </li> .... </ul> </div> 苹果 香蕉 .... 我将在容器中添加更多新的li元素,因此我需要一种方法来检查li的id是否已被使用 [更新] 在我的例子中,我将有

例如div容器:

<div class="container">
  <ul>
    <li id="apple"> apple </li>
    <li id="banana"> banana </li>
    ....
  </ul>
</div>

    苹果 香蕉 ....
我将容器中添加更多新的li元素,因此我需要一种方法来检查li的id是否已被使用

[更新]

在我的例子中,我将有几个容器,因此,li元素将具有相同的id,可能同时在一个或多个容器中

非常感谢

($('.'apple').length>0)
如果
id
apple存在,则返回true。

($('.'apple').length>0)
如果
id
apple存在,则返回true。

尝试以下操作:

if ($("div.container ul li#" + your_id))
通常,检查您的列表中是否存在该id。 如果不起作用,试试看

if ($("div.container ul li#" + your_id).length )
试试这个:

if ($("div.container ul li#" + your_id))
通常,检查您的列表中是否存在该id。 如果不起作用,试试看

if ($("div.container ul li#" + your_id).length )

每页只能有一个唯一id。因此,即使两个或多个列表项可能位于不同的容器中,也不应该有两个或多个具有相同id的列表项。您可能希望将class=“container”更改为id=“container”,并将li仅附加到该div。或者您需要将列表项id='orange'更改为class='orange',然后您可以将该列表项添加到具有容器类的每个div。我想第二个选择就是你想做的

newlistItem = "<li class="orange"> orange </li>"; //build the new list Item

var newId = $('newlistItem').attr('class'); // load the class of the li you want to append

var findId = "." + newId; //build the selector you want to find

foundListItem = $('.container').find(findId);

 if (foundListItem.length == 0) {  // if not found we can now add it

  // this will add li to every div with class container (use an id for just one div)
  $('newlistItem').appendTo('.container'); 

  }
newlistItem=“
  • 橙色
  • ”//生成新的列表项 var newId=$('newlistItem').attr('class');//加载要附加的li的类 var findId=“.”+newId//构建要查找的选择器 foundListItem=$('.container').find(findId); 如果(foundListItem.length==0){//如果找不到,我们现在可以添加它 //这将使用类容器将li添加到每个div中(仅为一个div使用id) $('newlistItem').appendTo('.container'); }
    每页只能有一个唯一的id。因此,即使两个或多个列表项可能位于不同的容器中,也不应该有两个或多个具有相同id的列表项。您可能希望将class=“container”更改为id=“container”,并将li仅附加到该div。或者您需要将列表项id='orange'更改为class='orange',然后您可以将该列表项添加到具有容器类的每个div。我想第二个选择就是你想做的

    newlistItem = "<li class="orange"> orange </li>"; //build the new list Item
    
    var newId = $('newlistItem').attr('class'); // load the class of the li you want to append
    
    var findId = "." + newId; //build the selector you want to find
    
    foundListItem = $('.container').find(findId);
    
     if (foundListItem.length == 0) {  // if not found we can now add it
    
      // this will add li to every div with class container (use an id for just one div)
      $('newlistItem').appendTo('.container'); 
    
      }
    
    newlistItem=“
  • 橙色
  • ”//生成新的列表项 var newId=$('newlistItem').attr('class');//加载要附加的li的类 var findId=“.”+newId//构建要查找的选择器 foundListItem=$('.container').find(findId); 如果(foundListItem.length==0){//如果找不到,我们现在可以添加它 //这将使用类容器将li添加到每个div中(仅为一个div使用id) $('newlistItem').appendTo('.container'); }
    您不应该使用具有相同id的多个元素。这与目的背道而驰。我会将id更改为class或其他属性。您不应该使用具有相同id的多个元素。这与目的背道而驰。我将把id更改为class或其他属性