How to form a javascript array by looping through li tag

Question

I am trying to form an array dynamically with the data present under ul li tag

<ul class="breadcrumb" style="background:none; margin-bottom:0px;">
   <li>Popcorn<i class="icon-angle-right"></i></li>
   <li>Bucket<i class="icon-angle-right"></i></li>
   <li>BucketT3<i></i></li>
</ul>

I have tried it this way

var arr = [];
$('.breadcrumb li').each(function() {
    var currentElement = $(this);

    var value = currentElement.val(); 
      arr.push(value);
});
alert(arr);

http://jsfiddle.net/40cka0wp/

The alert i am getting is 0,0,0 how i get the values as

Popcorn Bucket BucketT3

Thank you in advance .

Exactly as what you have - except you need .text, not .val — blgt
– blgt, Commented Nov 2, 2014 at 23:13

tymeJV · Accepted Answer · 2014-11-02 23:12:46Z

4

You can use .map - and you want to get the text() of each li

var values = $('.breadcrumb li').map(function() {
    return $(this).text();
}).get();

answered Nov 2, 2014 at 23:12

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Lawrence Edel · Accepted Answer · 2014-11-02 23:37:05Z

0

Just change

var value = currentElement.val();

to

var value = currentElement.text();

answered Nov 2, 2014 at 23:37

Lawrence Edel

1145 bronze badges

Collectives™ on Stack Overflow

How to form a javascript array by looping through li tag

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related