How to get all value from array object using javascript?

Question

How to get all value to array object using javascript ?

example html :

<tr>
  <td class="my_name">udin</td>
  <td class="my_name">juned</td>
  <td class="my_name">saepudin</td>
</tr>

how to get all value from class = "my_name" using javascript ?

my javascript :

<script>
  $(document).ready(function() {
    var array_of_name = $(".my_name");
    // how to get all value from my object array ?
    // i want get result like this : ["udin", "juned", "saepudin"] ?
  });
</script>

how to achieve it?

What you want is to get the values of a collection of elements selected: api.jquery.com/each and api.jquery.com/html — emerson.marini
– emerson.marini, Commented Jun 24, 2014 at 8:48
wrap text into DIV tag. var array_of_name = $(".my_name div"); You may want to play with Jquery JSON, and apply stringify to the object. — Dmitry
– Dmitry, Commented Jun 24, 2014 at 8:50

Dhaval Marthak · Accepted Answer · 2014-06-24 09:04:47Z

6

I think you're looking for this:

$( document ).ready(function() {
     var array_of_name = [];
     $(".my_name").each(function(){
         array_of_name.push($(this).text());
     }); 
     console.log(array_of_name); // will get result like this : ["udin", "juned", "saepudin"] ?

  });

OR

As per the comment you can use .map() too

var array_of_name= $(".my_name").map(function(){
        return $(this).text();
 }).get();

 console.log(names);

Docs

Demo

Demo with .map()

edited Jun 24, 2014 at 9:04

answered Jun 24, 2014 at 8:51

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

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

4 Comments

Alnitak Over a year ago

no, please use .map instead! Its entire purpose is to mutate the elements of an array to another (in this case, an array of elements to an array of their contents).

Dhaval Marthak Over a year ago

@Alnitak yup thought about map once.. :) but seriously .map() will be useful!

Alnitak Over a year ago

See how much nicer that code is now? ;-) The only complication is remembering to use .get to convert the jQuery-returned pseudo-array into a real array.

Dhaval Marthak Over a year ago

@Alnitak yup.. That looks good and also reduced line and object declaration. :) Thank you. :)

user2575725 · Accepted Answer · 2014-06-24 08:57:27Z

4

You may try this:

$(function(){
    var names = $(".my_name").map(function(){
        return $(this).text();
    }).get();
    console.log(names);
})

answered Jun 24, 2014 at 8:57

user2575725

Comments

Ja͢ck · Accepted Answer · 2014-06-24 09:18:49Z

2

With modern browsers (MSIE >= 9) you can do this quite easily in plain JavaScript:

var names = [].map.call(document.getElementsByClassName('my_name'), function(el) {
    return el.textContent;
});

Demo

3 Comments

Alnitak Over a year ago

+1 for code that blatantly ignores MSIE's brokenness ;-)

Ja͢ck Over a year ago

@Alnitak Depends on which version of MSIE's brokenness ;-)

Alnitak Over a year ago

Granted I believe this would work perfectly on MSIE 9+

Mohit Pandey · Accepted Answer · 2014-06-24 08:55:25Z

1

In Javascript, you can achieve it like this:

 var array_of_name = [];
 var elements_arr = document.getElementsByClassName("my_name");
 for (var i in elements_arr) {
     array_of_name.push(elements_arr[i].innerHTML);
 }
 console.log(array_of_name);

answered Jun 24, 2014 at 8:55

Mohit Pandey

3,8597 gold badges28 silver badges38 bronze badges

Comments

Kai · Accepted Answer · 2014-06-24 09:15:26Z

0

try this :

$(function(){
    var data = [];
    $(".my_name").text(function(key,value){
       data.push(value);
    });
 console.log(data);
})

edited Jun 24, 2014 at 9:15

answered Jun 24, 2014 at 9:06

Kai

3,7482 gold badges22 silver badges34 bronze badges

Collectives™ on Stack Overflow

How to get all value from array object using javascript?

5 Answers 5

Demo

Demo with .map()

4 Comments

Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related