Как мне обработать событие для гиперссылки, генерируемой динамически

Question

У меня есть таблица, которая отображает динамические строки из серверного сценария. Каждая строка содержит различные значения, а в первом значении строки содержится ссылка, такая как «Показать / Скрыть», когда мы нажимаем «Показать», она показывает вложенные строки ипри нажатии на «скрыть» он скрывает строки.Теперь «Показать / скрыть» является динамическим, таким образом, их идентификатор. Где $ i - это динамическое значение, которое принимает (0,1,2..so on). Теперь, как мы обрабатываем нажатие «Показать / скрыть» для каждогоrow

var j=0;
$("#mylink"+j).click(function(){


})

// В приведенном выше состоянии я могу обрабатывать только «0-ую» ссылку и как мы обрабатываем ссылки для 1, 2 и т. д. .........

Answer 1

Вместо идентификатора используйте класс, например:

<a class="mylink" href="something.html">My Link</a>

Затем используйте .live() вместо .click(), например:

$(".mylink").live('click', function(){
  //do something, e.g. $(this).closest('tr').something();
});

.live() будет прослушивать события от элементов независимо от того, когда они были добавлены, потому что события всплывают до document по умолчанию. .click() фактически привязывает обработчик щелчка к элементам, которые он нашел в то время , поэтому не работает для будущих элементов.