如何根据动态添加的类名选择表行?

时间:2010-09-01 21:20:11

标签: jquery dom jquery-selectors

我有一张桌子,我通过点击它来选择一行 点击后,课程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会跟踪动态添加的内容,但我猜不是。

我怎样才能使这个工作?

1 个答案:

答案 0 :(得分:2)

这样做:

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

您需要使用.selected按行选择行,<option>使用class-selector代替selected-selector,{{3}}仅定位所选的{{1}}元素。