使用Jquery在mvc 3中附加表行

Question

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

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

并在表格单元格<td></td>中有一个链接，其中包含以下链接：

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

我对jquery很新，我只想尝试附加一个包含任何文本的表，但是当我点击表格单元格内的链接时，什么也没发生。

我正在使用MVC和剃须刀，我可以让任何人使用它吗？

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”））