Замена содержимого ячейки Jquery

Question

Замена содержимого ячейки Jquery

0

Как заменить содержимое ячейки, в которой находится ссылка, и на нее было нажато?

<table>
<tr>
   <td>link here</td>
   <td>link here</td>
   <td>link here</td>
</tr>
</table>

Например, нажатие ссылки во второй ячейке должно заменить содержимое второй ячейки test третьей ссылкой, заменяющей третью ячейку и так далее. В основном замените содержимое ячейки, в которой находится ссылка.

Marius Prollak 20 сен. 2013, в 20:13

Источник

Теги:

jquery

3 ответа

0

Я думаю, это то, что вы хотите:

$("td").click(function() {
    $(this).text("test");
});

Barmar 20 сен. 2013, в 16:14

1

ОП хочет нажать на ссылку. Что делать, если есть другой контент в тд?
Vlad 20 сен. 2013, в 17:23

0

Вы должны назначить событие jQuery click для каждой ячейки:

$(document).ready(function {
    $("td").click(function() {
        $(this).html("test"); // Change the clicked cell content for test
    });
});

Alberto Rivas 20 сен. 2013, в 15:37

1

Лучше создать событие на столе. Таким образом, у вас есть один прослушиватель событий, а не 100 или даже больше.
Vlad 20 сен. 2013, в 17:34
0

«Вы должны назначить событие нажатия jQuery для каждой ячейки» Нет, вы не должны, гораздо лучше использовать делегирование событий.
T.J. Crowder 20 сен. 2013, в 17:34

Ещё вопросы

ОП хочет нажать на ссылку. Что делать, если есть другой контент в тд?
Лучше создать событие на столе. Таким образом, у вас есть один прослушиватель событий, а не 100 или даже больше.
«Вы должны назначить событие нажатия jQuery для каждой ячейки» Нет, вы не должны, гораздо лучше использовать делегирование событий.

Vlad · Accepted Answer · 2013-09-20T15-44-00.000Z

Что-то вроде этого:

$('table').on('click', 'a', function(event) {
  event.preventDefault();
  $(this).closest('td').html('test');
});