get an array of data-val values from a list of elements of a certain css class

Question

I would like to get an array of the values from the data-val attributes of .my-li elements

<ul id="stuff">
<li class='my-li' data-val='1'>
<li class='my-li' data-val='2'>
<li class='my-li' data-val='3'>
<li class='my-li' data-val='4'>
<li class='my-li' data-val='5'>
<ul>

here the result should be [1,2,3,4,5];

anybody knows a good way of doing this ?

That's an HTML class. There is no such thing as a CSS class. (There are class selectors, selectors, rules, rule-sets, and properties that people has mistakenly referred to as classes though) — Quentin
– Quentin, Commented Jan 12, 2012 at 15:13
@Quentin look here tizag.com/cssT/class.php "Css Class", also if you google it you'll see lots of "css class" usages, even in asp.net web-forms all controls have a CssClass property — Omu
– Omu, Commented Jan 16, 2012 at 22:08
— Lots of people using a non-standard term with multiple meanings does not make it a useful term to use. I've come across Tizag a few times and never seen anything that that wasn't dreadful, it might even be worse then W3Schools and that is saying something. — Quentin
– Quentin, Commented Jan 16, 2012 at 23:23

Yoshi · Accepted Answer · 2012-01-12 15:14:54Z

2

Try:

var foo = $('#stuff .my-li').map(function () {
  return $(this).data('val');
});

answered Jan 12, 2012 at 15:14

Yoshi

54.8k14 gold badges93 silver badges108 bronze badges

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

Comments

dku.rajkumar · Accepted Answer · 2012-01-12 15:27:37Z

2

try this simple one.

var array = [];
$('.my-li').each(function(){
array.push($(this).attr('data-val'));
});
alert(array);

fiddle : http://jsfiddle.net/pp5pw/

answered Jan 12, 2012 at 15:27

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

Comments

Gran · Accepted Answer · 2012-01-12 15:21:02Z

1

var foo = $('#stuff .my-li').map(function () {
   return $(this).attr('data-val');
});

console.log(foo[0])

jsfiddle goes to http://jsfiddle.net/granjoy/KxQAr/

answered Jan 12, 2012 at 15:21

Gran

3261 silver badge8 bronze badges

Collectives™ on Stack Overflow

get an array of data-val values from a list of elements of a certain css class

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related