使用js序列化<td>中的值是可能的吗？

Question

var data = $("#myform").serialize();
console.log(data);

<form method="post" id="myform" action="">
<table>
<tr>
<td>
<input type=text name="fname"/>
</td>
</tr>
<tr>
<td>
<input type=text name="lname"/>
</td>
</tr>
<tr>
<td>
<input type=text name="age"/>
</td>
</tr>
</table>
</form>

我能够使用输入文本序列化这个表单并使用我的问题上面的代码是,是否可以使用td序列化只有在任何想法？我的表单使用是这样的

<form method="post" id="myform" action="">
    <table>
    <tr>
    <td name="fname" id="fname">

    </td>
    </tr>
    <tr>
    <td name="lname" id="lname">

    </td>
    </tr>
    <tr>
    <td name="age" id="age">

    </td>
    </tr>
    </table>
    </form>

Answer 1

您需要自己收集数据,然后对其进行参数化:

var data = $.param($('td').map(function() {
    return {
        name: $(this).attr('name'),
        value: $(this).text().trim()
    };
}));

查看下面的演示.

var data = $.param($('td').map(function() {
    return {
        name: $(this).attr('name'),
        value: $(this).text().trim()
    };
}));

alert(data)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td name="fname" id="fname">First Name</td>
    </tr>
    <tr>
        <td name="lname" id="lname">Last Name</td>
    </tr>
    <tr>
        <td name="age" id="age">23</td>
    </tr>
</table>