Question

我试着从表格中的文本框中读取。我该怎么做？我有以下代码，但它不起作用。

<table id="dataTable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Value</th>
        </tr>
    </thead>
    <tr>
        <td>
            <input id="Name" type="text" value = "test1" />
        </td>
        <td>
            <input  type="text" value = "test11" />
        </td>
        <td>
            <input  type="button" value = "button11" />
        </td>
    </tr>
</table>

我的实际脚本如下：

$(document).ready(function() {
    $("#Click").click(function() { 
        var i = 0;
        var inputs = new Array();
        $("#dataTable tr").find("input").each(function() {
            alert($(this.value));
            alert($(this.id));
            inputs[i] = [this.id, this.value];
            i++;
        });

        var columnsCount = $("#dataTable").find("th").length;
        alert($(columnsCount));
    });
});

<input type="button"  id= "Click" value="Click" />

Answer 1

您可以替换

$("#dataTable tr").find("input")

与

$("#dataTable tr input:text")

jQuery对象没有value属性和id属性。

替换

$(this.value)

与

$(this).val()

和

$(this.id)

与

$(this).attr ( "id" )

不需要$(columnsCount)，您可以使用columnsCount。

编辑了您的代码

$(document).ready(function() {
    $("#Click").click(function() { 
        var inputs = new Array();

        $("#dataTable tr input:text").each(function() {
            inputs.push ( [this.id, this.value] );
        });

        var columnsCount = $("#dataTable th").length;
        alert(columnsCount);
    });
 });

如何读取文本中的表值？

1 个答案: