<body>
<div id = "container1" >
<div id = "x1" />
<div id = "x2" />
<div id = "x3" />
</div>
<div id = "container2" >
<div id = "Y1" />
<div id = "Y2" />
<div id = "Y3" />
</div>
<div id = "container3" >
<div id = "Z1" />
<div id = "Z2" />
</div>
</body>
$('body div').each(function(i) {
if($(this).attr('id')!='container2') { //This is only for div container2 & not for elements inside it
console.log(i);
}
});
I don’t want the elements within a particular div say container2 to be populated how can this be done..
in above code it populates the div’s inside container2
alter your selector to exclude what you don’t want:
exclude ‘container2’:
$('body div[id!="container2"]')exclude all div’s with container in it:
$('body div').not('[id*="container"]')http://api.jquery.com/category/selectors/