如何使用using类在jquery中创建一个数组

Question

如何使用class在jquery中创建数组。单击按钮

<table id="tblResult">
<tr class="tblRows">
    <td class="clsPhone">Sony</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">Samsung</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">LG</td>
</tr>

使用这个类“clsPhone” 我想要这种类型的数组。

var arr = [Sony,Samsung,LG];

Answer 1

var arr = $("#tblResult tr td").map(function(){


return $(this).text()
}).get();

console.log(arr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tblResult">
<tr class="tblRows">
    <td class="clsPhone">Sony</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">Samsung</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">LG</td>
</tr>
</table>

1. 使用map()

  

描述：将数组或对象中的所有项目转换为新的项目数组。

Answer 2

这样的事情应该这样做。

 var arr = [];
    $('.tblRows').each(function(){
        arr.push($(this).find('.clsPhone').text)
    });

Answer 3

这应该有用。

var arr = new Array();

$('#tblResult').find('.clsPhone').each(function(){
    arr.push($(this).text());
});

Answer 4

var myArray = [];
$('.clsPhone').each(function(){
    myArray.push($(this).html());
});

console.log(myArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tblResult">
<tr class="tblRows">
    <td class="clsPhone">Sony</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">Samsung</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">LG</td>
</tr>

Answer 5

使用纯javascript

var t = Array.from(document.getElementsByClassName("clsPhone")).map(e=>e.innerHTML);
console.log(t)

<table id="tblResult">
<tr class="tblRows">
    <td class="clsPhone">Sony</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">Samsung</td>
</tr>
<tr class="tblRows">
    <td class="clsPhone">LG</td>
</tr>