Question

如何使用javscript获取数组对象的所有值？

示例html：

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

如何从class =＆＃34; my_name＆＃34;中获取所有值使用javascript？

我的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>

如何实现它？

Answer 1

我认为你正在寻找这个：

$( 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

根据评论，您也可以使用.map()

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

 console.log(names);

<强>文档

Demo

Demo with .map()

Answer 2

你可以试试这个：

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

Answer 3

使用现代浏览器（MSIE＆gt; = 9），您可以在纯JavaScript中轻松完成此操作：

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

Demo

另请参阅：Array.prototype.map

Answer 4

在Javascript中，您可以像这样实现：

 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);

Answer 5

试试这个：

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

如何使用javascript从数组对象中获取所有值？

5 个答案:

Demo

Demo with .map()