javascript - 使用 jQuery 将隐藏的表单表格行添加到带有变量的表单末尾

Question

我已成功使用此代码从隐藏行向表中添加一行。

$(document).ready(function($) {
$("#dispadd").click(function(event) {
    event.preventDefault();
    $('#hiddenrow')
        .clone()
            .removeAttr('id')
            .show()
            .appendTo( $('#table1').after().show() 
        );
    });
});

这是我的“添加”按钮代码..

<img src="images/plus.png"  style="cursor:pointer " title="Add" id="dispadd" >

我的问题是，我在这个特定页面上有多个表格和表单，因此我需要使用传递给上述代码的变量来允许多个，但我不太了解 JQUERY 来完成它。 ..我需要以某种方式将这些参数传递给脚本，以便它可以用于所有情况。

“add”按钮的 id 现在是静态的“dispadd”，但我想将其作为 dialAdd (变量)传递给脚本 “隐藏行”的id现在是静态的“hiddenrow”，但我想将它作为hiddenRow(变量)传递给脚本 现在表的 id 是静态的“table1”，但我想将它作为 tableVar (变量)传递给脚本。

请帮助我修改此脚本以接受这些变量。 预先感谢您的所有帮助和考虑。 汤姆先生

Answer 1

我不确定这是否正是您想要的，但尝试一下:

<img src="images/plus.png"  style="cursor:pointer " title="Add" id="1" onclick="dispadd(this.id)">

然后

function dispadd(id, event) {
event.preventDefault();
$('#hiddenrow')
    .clone()
        .removeAttr('id')
        .show()
        .appendTo( $('#table'+id).after().show() 
    );
});

如果这不是您想要的，请告诉 mew，因为这似乎是一个简单的问题。