Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用JavaScript读取HTML表_Javascript_Html - Fatal编程技术网

用JavaScript读取HTML表

用JavaScript读取HTML表,javascript,html,Javascript,Html,我在JavaScript方面遇到了麻烦。 在我的网站上,我有一个表格,最后一列是一个文本字段 如何读取JavaScript中的表并将内容保存在数组中。见下表 <table name="my-ajax-table"> <thead> <th>Artikelbezeichnung</th> <th>Verkaufs

我在JavaScript方面遇到了麻烦。 在我的网站上,我有一个表格,最后一列是一个文本字段

如何读取JavaScript中的表并将内容保存在数组中。见下表

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