用JavaScript读取HTML表
我在JavaScript方面遇到了麻烦。 在我的网站上,我有一个表格,最后一列是一个文本字段 如何读取JavaScript中的表并将内容保存在数组中。见下表用JavaScript读取HTML表,javascript,html,Javascript,Html,我在JavaScript方面遇到了麻烦。 在我的网站上,我有一个表格,最后一列是一个文本字段 如何读取JavaScript中的表并将内容保存在数组中。见下表 <table name="my-ajax-table"> <thead> <th>Artikelbezeichnung</th> <th>Verkaufs
<table name="my-ajax-table">
<thead>
<th>Artikelbezeichnung</th>
<th>Verkaufspreis</th>
<th>Bestellmenge</th>
</thead>
<tbody>
<tr id="d1">
<td id="drink_name">Cola</td>
<td id="drinks_price">6.98</td>
<td><input type="text" id="order_amount" value="" name="colaamount"></td>
</tr>
<tr id="d2">
<td id="drink_name">Fanta</td>
<td id="drinks_price">6.98</td>
<td><input type="text" id="order_amount" value="" name="order_amount"></td>
</tr>
</tbody>
<br/>
<br/>
</table>
Artikelbezeichung
维考夫斯普雷斯
贝斯特尔门奇
可乐
6.98
芬达
6.98
我想如果我正确理解了这个问题,应该是这样的:
var tds = document.getElementsByTagName('td');
var total_array = [];
for(var i = 0; i < tds.length; i++){
if(tds[i].className === 'drink_name' || tds[i].className === 'drink_price'){
total_array.push(tds[i].innerHTML);
}
}
document.getElementById('test').innerHTML = total_array;
var-tds=document.getElementsByTagName('td');
var-total_数组=[];
对于(变量i=0;i
我制作了一个名为test的div,它在屏幕上显示数组,但这当然不是必需的。请记住,我也对您的HTML进行了一些更改(主要是类)
你是什么意思?作为表单元格数组?id必须是唯一字段!保存意味着保存->问题是如何阅读表格,包括文本字段-thx,以降低问题的等级。您好,这是艺术最佳公式吗?你好,这是一张订单吗?是的,这是唯一的一张。是的,这将是一份订单。谢谢。这是有效的。但表的最后一列包含一个inputfield。我怎么能读这个呢?我更新了小提琴,也接受了输入字段:是的,它工作正常,这正是我想要的。非常感谢。我将学习更多和更多的JavaScript。主要问题已经回答,但还有一个问题:我想要JSON中的tabeldata。我如何实现这个?问题已经解决了。这个问题可以结束了。
$(document).ready(function(){
var arrOftd = [];
//Iterate all td's
$('td').each( function(){
//add item to array
arrOftd.push( $(this).text() );
if($(this).find("input").val() != undefined){
arrOftd.push($(this).find("input").val()); }
});
//iterate array
$.each( arrOftd, function(i, item){
console.log(item);
})
});