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" >

我的问题是我在这个特定的页面上有一个表格和表格的MULTITUDE，所以我需要使用传递的变量到上面的代码来允许MULTITUDE，但是我不太了解JQUERY来完成它。 ..不知何故，我需要将这些参数传递给脚本，以便它可以用于所有情况。

“添加”按钮的ID现在是静态的“dispadd”但是我想将它作为dipAdd（一个变量）传递给脚本 “隐藏行”的id现在是静态的“hiddenrow”但我想将它作为hiddenRow（一个变量）传递给脚本表的id现在是静态的“table1”但我想将它作为tableVar（一个变量）传递给脚本。

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

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

让我们知道这不是你想要的，因为这似乎是一个容易解决的问题。

Answer 2

如果你想将元素作为变量传递，你可以做这样的事情，不确定这是否有帮助

function(dipAdd,hiddenRow)
{
$("#" + dipAdd).click(function(event) {
    event.preventDefault();
    $('#' + hiddenRow)
        .clone()
            .removeAttr('id')
            .show()
            .appendTo( $('#table1').after().show() 
        );
    });
}

使用jQuery将许多表的变量添加到表单末尾的隐藏表单行

2 个答案: