javascript - jQuery: iterate over nested elements using each - Stack Overflow

admin管理员组

文章数量:1302342

i have this basic html structure:

<div class=a>
  <div class=m></div>
  <div class=m></div>
</div>
<div class=b>
  <div class=m></div>
  <div class=m></div>
</div>

now i want to iterate over all m's but also would like to know if i am in a or b. using basic jquery syntax each i fail to do find this out.

$('.m').each(function(index) {
    // how do i know if this m is part of a or b ?
});

i have this basic html structure:

<div class=a>
  <div class=m></div>
  <div class=m></div>
</div>
<div class=b>
  <div class=m></div>
  <div class=m></div>
</div>

now i want to iterate over all m's but also would like to know if i am in a or b. using basic jquery syntax each i fail to do find this out.

$('.m').each(function(index) {
    // how do i know if this m is part of a or b ?
});

• javascript
• jquery

Share Improve this question Follow edited Aug 26, 2011 at 14:47 Reporter 3,94855 gold badges3535 silver badges4949 bronze badges asked Aug 26, 2011 at 14:45 clampclamp 34k7575 gold badges207207 silver badges305305 bronze badges

Add a ment  | 

7 Answers 7

Sorted by: Reset to default 8

$(this).parent().hasClass("a") or $(this).parent().hasClass("b")

if($(this).parent().hasClass('a'))

And same for b, it should work.

If you care, then I'd separate the selectors like this:

$('.a .m').each(function(index) {
    // now I'm on .a items
});

$('.b .m').each(function(index) {
    // now I'm on .b items
});

$('.m').each(function(index) {
    this.parentNode.getAttribute( "class" );
});

For example, check the parent is .a

if($(this).parent().is('.a'))

You could use the .closest method:

var $this = $(this);
if ($this.closest("a").length === 1) {
    alert("I'm in an a div");
}
else {
    alert("I'm in a b div");
}   

You can check the class of the parent element inside your function to identify if you are in 'a' or 'b'

$('.m').each(function() {
     var parentClass = $(this).parent().attr('class');
});

So, the parentClass var should have a value of either 'a' or 'b'

本文标签： javascriptjQuery iterate over nested elements using eachStack Overflow