Javascript jquerycopy将动态添加的表行值复制到下一行中 名称 位置 日期 有效的 添加

我只需要将表行（不包括输入字段）中的值插入表中的下一行

请给出您有价值的建议。

尝试以下代码：

<table>
    <tr>
        <td>Name</td>
        <td>Location</td>
        <td>Date</td>
        <td>Valid</td>
        <td>Add</td>
    </tr>
    <tr class="tr_clone">
        <td>
            <input type="text" >
        </td>
        <td>
            <input type="text" >
        </td>
        <td>
            <input type="text" class="datepicker">
        </td>
        <td>
            <input type="checkbox" >
        </td>
        <td>
            <input type="button" name="add" value="Add">
        </td>
    </tr>
</table>

var new_row=''；
$（'table.tr_clone td'）。每个（函数（）{
新行+=''+$（this）.find（'input'）.val（）+''；
});
新的_行+=''；
$（'table'）。追加（新行）；

名称
位置
日期
有效的
添加
/**JQUERY**/
$（“#addbtn”）。单击（函数（）{
变量名称=$（“#tname”）.val（）；
var loc=$（“#tloc”）.val（）；
var日期=$（“#tdate”）.val（）；
$（'#mytable tr:last'）。在（''+name+''+loc+''+date+''）之后；
});

我会给你一些信息

var localDb=[]；
var emptyVar=''；
（功能（）{
//定义本地存储
var dataFiles=JSON.parse（localStorage.getItem（'key'）；
console.log（数据文件）；
如果（数据文件==null）{
$（“#无数据”）.show（）；
//警报（“其工作”）；
}否则{
$（“#无数据”）.hide（）；
$（'.data box'）.html（'Serial NoNameAgeEmailAddressOptions'）；
对于（var i=0；i

您的意思是在“按钮单击”中，您需要创建一个包含附加值的新行？您所说的“有效”复选框是什么意思？选中此提琴。将其用作参考，并添加验证和所有相应内容。@tds是动态添加的，我无法预测it@you这意味着它将是任何数字？是否所有的

td

都包含输入框？或者其他任何东西都只是l您在示例中定义的ike复选框？是..任何数字，根据用户选择。td可以包含输入框、选择控件、复选框等CUSER select？这是什么意思？您必须动态生成的表td逻辑？您的意思是什么？我没有得到它。当输入类型为“html select”时，此答案失败

var new_row = '<tr>';
$('table .tr_clone td').each(function(){
    new_row += '<td>'+$(this).find('input').val()+'</td>';
});
new_row += '</tr>';
$('table').append(new_row);

<--HTML--->  
  <table id="mytable">
      <tr>
        <td>Name</td>
        <td>Location</td>
        <td>Date</td>
        <td>Valid</td>
        <td>Add</td>
      </tr>
      <tr class="tr_clone">
        <td>
          <input type="text" id="tname">
        </td>
        <td>
          <input type="text" id="tloc">
        </td>
        <td>
          <input type="text" class="datepicker" id="tdate">
        </td>
        <td>
          <input type="checkbox" class="datepicker">
        </td>
        <td>
          <input type="button" name="add" value="Add" id="addbtn">
        </td>
      </tr>
    </table>

/**JQUERY**/

    $("#addbtn").click(function(){

    var name = $("#tname").val();
    var loc = $("#tloc").val();
    var date = $("#tdate").val();

        $('#mytable tr:last').after('<tr><td>'+name+'</td><td>'+loc+'</td><td>'+date+'</td></tr>');
    });