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

发布于 2024-09-16 22:53:06 字数 641 浏览 3 评论 0原文

我有一个表格，可以通过单击来选择一行。
单击时，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 会跟踪动态添加的内容，但我想不是。

我怎样才能让它发挥作用？

原文

I have a table where I select a row by clicking it.
On click, the class selected is added to the row.

Here is the code:

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

Now, clicking another button, I need to get the title of the selected row.
For testing, I'm trying to retrieve the entire row.

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

But all I get is null. I'm guessing this is because the added class is not bound. I thought live kept track of dynamically added content, but I guess not.

How can I get this working?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

厌味 2024-09-23 22:53:06

执行此操作：

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

您需要使用 .selected 按类选择行，它使用 class-selector 而不是 selected -selector，仅针对选定的元素。

Do this:

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

You need to select the row by class using .selected, which uses the class-selector instead of the selected-selector, which only targets <option> elements that are selected.

回复收藏 0 原文

~没有更多了~