使用 Jquery 在 mvc 3 中附加表行

Question

我正在尝试使用以下 javascript 函数附加一个表格单元格：

function fn() {
    $(this).parent().parent().parent().append("<tr><td >some text</td></tr>");
}

并在表格单元格内有一个带有以下链接的链接 ：

<a href="#" onclick="fn();">+</a>

我对 jquery 非常陌生，并且我现在只是想在表格中附加任何文本，但是当我单击表格单元格内的链接时没有任何反应。

我正在使用 MVC 和 razor，有人可以让我让它工作吗？

Answer 1

您需要将 this 传递给您的函数：

<a href="#" onclick="fn(this);">+</a>

并且

function fn(elem) {
    $(elem).closest('table').append("<tr><td >some text</td></tr>");
}

Answer 2

最好不要使用内联 javascript，而是使用 jQuery 将事件绑定到锚标记。例如：

HTML

<a href="#" id="addnewrow">+</a>

Javascript

$("#addnewrow").click(function(){
    $(this).closest("table").append("<tr><td >some text</td></tr>");
});

我将 id 添加到锚标记只是作为示例。您可以使用任何您想要定位锚标记的选择器。 （即$（“表a”））