jQuery - 在Div中找到具有特定ID的第一个div?

时间:2014-10-02 15:53:48

标签: javascript jquery

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

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

有时它就像这样(这是我想忽略的):

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

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

所以我想做的是

如果#container中的第一个div等于#firstDiv - 添加一个横幅。别的(那里已经有了横幅)什么都不做。

任何帮助都会很棒!!

谢谢!

6 个答案:

答案 0 :(得分:4)

你可以这样做:

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

希望它有所帮助。

问候。

答案 1 :(得分:2)

使用子选择器:

div#container > div#firstDiv

答案 2 :(得分:1)

你可以

&#13;
&#13;
$('#firstDiv:first-child').before('<div class="banner">banner</div>');
$('#firstDiv2:first-child').before('<div class="banner">banner</div>');
&#13;
<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>
&#13;
&#13;
&#13;

答案 3 :(得分:1)

试试这个:

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

答案 4 :(得分:1)

试试这个:

(function(){

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

})(jQuery);

答案 5 :(得分:1)

使用children()选择器可以获得#container的所有子元素。 使用first()获得第一个,使用attr('id')获取ID名称。

然后你只需要查看你的id名称

示例:

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