最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - jQuery - Find first div with specific ID inside a Div? - Stack Overflow

programmeradmin8浏览0评论

So my code always follows the same kind of format:

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

Sometimes it's like this (and this is what I want to ignore):

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

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

So what I want to do is

IF the first div inside #container is equal to #firstDiv - add a banner. else (there's already a banner there) do nothing.

Any help with this would be great!!

Thanks!!

So my code always follows the same kind of format:

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

Sometimes it's like this (and this is what I want to ignore):

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

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

So what I want to do is

IF the first div inside #container is equal to #firstDiv - add a banner. else (there's already a banner there) do nothing.

Any help with this would be great!!

Thanks!!

Share Improve this question asked Oct 2, 2014 at 15:53 NickNick 2,5595 gold badges39 silver badges72 bronze badges
Add a ment  | 

6 Answers 6

Reset to default 4

You can do that:

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

Use a child selector:

div#container > div#firstDiv

You can

$('#firstDiv:first-child').before('<div class="banner">banner</div>');
$('#firstDiv2:first-child').before('<div class="banner">banner</div>');
<script src="https://ajax.googleapis./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>

Try this:

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

try this:

(function(){

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

})(jQuery);

With the children() selector you get all the children element of #container. With the first() you get the first one, and with attr('id') you get the id name.

Then you just have to check what id name you have

Example:

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

评论列表(0)

  1. 暂无评论