How to get a multiple data attribute with jquery

Question

I need your help in this topic i have the html code :

<ul data-role="rows">
<li data-name="member">member X</li>
<li data-name="question">question X</li>
</ul>
<ul data-role="other">
<li data-name="oth">...</li>
...
</ul>

I need to get data-name values where data-role = rows which means i need to get these values : "member" and "question"

thank you for your help

adeneo · Accepted Answer · 2016-03-04 17:27:11Z

2

Just target those elements, and map back the data attributes

var names = $('[data-role=rows] [data-name]').map(function(_,el){
    return $(el).data('name');
}).get();

FIDDLE

answered Mar 4, 2016 at 17:27

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

Badr B Over a year ago

it returned this in the console when i tried to log "names" : [prevObject: b.fn.b.init[8], context: document]

Collectives™ on Stack Overflow

How to get a multiple data attribute with jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related