jQuery -查找Div中第一个具有特定ID的div？

uyto3xhc 于 2022-11-03 发布在 jQuery

关注(0)|答案(6)|浏览(211)

所以我的代码总是遵循相同的格式：

<div id="container">
  <div id="firstDiv">
  </div>
</div>

有时候是这样的（这也是我想忽略的）：

<div id="container">
  <div id="banner">
  </div>

  <div id="firstDiv">
  </div>
</div>

所以我想做的是
如果#container中的第一个div等于#firstDiv -添加一个横幅。否则（已经有一个横幅了）什么都不做。
这方面的任何帮助都会很棒！！
谢谢你！

6条答案

您可以这样做：

if($('#container > div:first').attr('id') == 'banner') {
    //banner exists
} else {
   //banner not exists
}

使用子选择器：

div#container > div#firstDiv

您可以
第一个

试试看：

if($("#container").find("#banner").lenght == 0){
    // You have the banner
}else{
    // you dont`n have the banner
}

请尝试以下操作：

(function(){

      if(!$('#firstDiv','#container').length){
           $('#container').prepend(jQuery('<div id="firstDiv">'));
     }

})(jQuery);

使用children()选择器可以得到#container的所有子元素，使用first()可以得到第一个子元素，使用attr('id')可以得到id名称。
然后你只需要检查你有什么id名
示例：

if($("#container").children().first().attr('id') != "banner"){
     addBanner();
}