Как выбрать строку таблицы на основе динамически добавляемого имени класса?

Question

У меня есть таблица, в которой я выбираю строку, щелкая по ней.
При нажатии класс selected добавляется в строку.

Вот код:

  // Change row background color on click
  jQuery('#rowList tr').live("click", function() {
    jQuery(this).closest("tr").siblings().removeClass("selected");
    jQuery(this).toggleClass('selected');
  });

Теперь, нажимая другую кнопку, мне нужно получить заголовок выбранной строки.Для тестирования я пытаюсь получить всю строку.

  jQuery('#fileBrowser input.addImage').live("click", function() {
    var tmp = jQuery("#rowList tr:selected").html();
    alert(tmp);
  });

Но все, что я получаю, это null.Я предполагаю, что это потому, что добавленный класс не связан.Я думал, что live отслеживает динамически добавляемый контент, но я думаю, что нет.

Как я могу заставить это работать?

Answer 1

Сделайте следующее:

var tmp = jQuery("#rowList tr.selected").html();

Вы должны выбрать строку по классу, используя .selected, который использует class-selector вместо selected-selector, который предназначен только для выбранных элементов <option>.