how to use loop using jquery

Question

<div class="elem">
    <div data="1">
    <div data="11">test1</div>
        <div data="12">test2</div>
    </div>
    <div data="2">
        <div data="21">test3</div>
        <div data="22">test4</div>
    </div>
</div>

in above example I would like to print data value of each element , so please help me for this

Bhushan Kawadkar · Accepted Answer · 2015-07-31 07:04:34Z

1

Try this: You can find all divs inside div with class="elem", then iterate all divs to read data attribute using .each()

$(function(){
   $('div.elem div').each(function(){
     alert($(this).attr('data'));
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="elem">
    <div data="1">
    <div data="11">test1</div>
        <div data="12">test2</div>
    </div>
    <div data="2">
        <div data="21">test3</div>
        <div data="22">test4</div>
    </div>
</div>

answered Jul 31, 2015 at 7:04

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nikunj Chotaliya Over a year ago

@support If answer help you then please mark and up vote the answer.

Milind Anantwar · Accepted Answer · 2015-07-31 07:15:27Z

1

data is used as a suffix for setting data property to element. You should use it as data-propname

and then use .data() to get them:

$('.elem div').each(function(){
    console.log($(this).data('propname'))
});

edited Jul 31, 2015 at 7:15

answered Jul 31, 2015 at 7:04

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

3 Comments

Barmar Over a year ago

Shouldn't it be .data('propname')?

Milind Anantwar Over a year ago

@Barmar: indeed yes.. :)

Support_R Over a year ago

its not exact the code that will run but it helped me to understand

Collectives™ on Stack Overflow

how to use loop using jquery

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related