Добавление строки таблицы в MVC 3 с помощью Jquery

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

Я добавил идентификатор в тег привязки в качестве примера.Вы можете использовать любой селектор, который вы бы хотели использовать для привязки тега.(т. е. $ ("таблица a"))