在数组jquery中存储两行数据 努马尔: 0 0 0 0 0 0 0 0 0 0 0 0 皮尔德里: 0 0 0 0 0 0 0 0 0 0 0 0
我有一个无法修改的表,如何使用jQuery将这两行中的数字存储到两个数组中?只有当您希望将最后两行中的数字存储到一个三行表中时,这才有效-在数组jquery中存储两行数据 努马尔: 0 0 0 0 0 0 0 0 0 0 0 0 皮尔德里: 0 0 0 0 0 0 0 0 0 0 0 0,jquery,html-table,store,Jquery,Html Table,Store,我有一个无法修改的表,如何使用jQuery将这两行中的数字存储到两个数组中?只有当您希望将最后两行中的数字存储到一个三行表中时,这才有效- <table> <tbody> <tr class="center"> <td></td> <td width="35"></td> <td width="35">&l
<table>
<tbody>
<tr class="center">
<td></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
<td width="35"></td>
</tr>
<tr>
<td width="20%">
Numar:
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
</tr>
<tr>
<td align="left" width="20%">
Pierderi:
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
<td style="text-align:center" class="unit-item hidden">
0
</td>
</tr>
</tbody>
</table>
var array = new Array();
$("td .unit-item").each(function(){
array.push($(this).html());
});
工作演示-
下面是一个使用map
-
var arrone = [];
var arrtwo = [];
$("table tr").each(function(i) {
$(this).find('td.unit-item').each(function() {
i == 1 ? arrone.push($.trim($(this).text())) : arrtwo.push($.trim($(this).text()));
})
})
console.log(arrone.join(','));
console.log(arrtwo.join(','));
工作演示-您可以使用.map函数。我现在使用的是移动设备,因此无法对其进行测试,但以下类似操作应该可以正常工作:
var result=jQuery(“table tr”).map(函数(){returnjquery(this.find(“td”).map(函数(){returnjquery(this.text();})})代码>发布了一个更通用的解决方案,可用于任意数量的行
var bArray=[];
$('tr')。具有('td.unit item')。每个(函数(){
bArray.push($(this.find('td.unititem')).map(function(){
返回$.trim(this.innerHTML);
}).get());
});
对于(变量i=0;i
$('td.unit item hidden')。每个(函数(){alert($(this.html());})我一开始只是想提醒一下,但什么都没提醒。是的,我已经加载了jquery。谢谢你的回答,但我设法做到了这一点。var数组=新数组()$(“#attack_info_def td”).each(function(){if($(this).attr('class')=='unititem')数组.push($(this.html());});这起作用了。
var arrone = $("table tr:nth-child(2)").find('td.unit-item').map(function() {
return $.trim($(this).text())
});
var arrtwo = $("table tr:nth-child(3)").find('td.unit-item').map(function() {
return $.trim($(this).text())
});
console.log(arrone.get().join(','));
console.log(arrtwo.get().join(','));
var bArray = [];
$('tr').has('td.unit-item').each(function() {
bArray.push($(this).find('td.unit-item').map(function() {
return $.trim(this.innerHTML);
}).get());
});
for(var i = 0; i < bArray.length; i++) {
console.log(bArray[i]);
}