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

Question

因此，我的代碼始終遵循相同的格式：

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

有時就是這樣（這就是我要忽略的地方）：

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

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

所以我想做的是

如果#container中的第一個div等於#firstDiv-添加橫幅。 否則（那里已經有橫幅了）什么都不做。

任何幫助都會很棒！

謝謝！！

Answer 1

您可以這樣做：

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

希望能幫助到你。

問候。

Answer 2

使用子選擇器：

div#container > div#firstDiv

Answer 3

您可以

 $('#firstDiv:first-child').before('<div class="banner">banner</div>'); $('#firstDiv2:first-child').before('<div class="banner">banner</div>'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="container"> <div id="firstDiv">Div</div> </div> <div id="container2"> <div id="banner">Banner</div> <div id="firstDiv2">Div</div> </div> 

Answer 4

嘗試這個：

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

Answer 5

嘗試這個：

(function(){

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

})(jQuery);

Answer 6

使用children()選擇器，您將獲得#container所有children元素。 使用first()可獲得第一個，而使用attr('id')可獲得id名稱。

然后，您只需要檢查您的ID名稱即可

例：

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