【问题标题】:How to use `.each()` to iterate rows in a table using jQuery?如何使用 `.each()` 使用 jQuery 迭代表中的行?
【发布时间】:2017-07-24 15:48:21
【问题描述】:

我有一个动态添加行的表。每行都有唯一的 ID 和一个复选框。现在我需要不断地检查每个添加的行,以查看是否选中了每一行的复选框。如果选中它们,则应收集该行上的信息以发布到 python 函数。

关于我应该如何去做的任何提示?我尝试了一些,但它们似乎不起作用。看来我的解决方法可能是错误的。

编辑:这是我的试用代码:http://jsfiddle.net/yvonnezoe/jsXWe/ 它只是不会在 div #test 中添加我想要的内容

$('#status_table tr').each(function(){
    $check=$('#status_table #monitor_'+rowID)
    if ($check.is(':checked')){
         monitoring(rowID);
    }
});

【问题讨论】:

  • 请发布您的 html 和 javascript 代码。
  • 请添加您的 HTML 的 html 代码和您当前的 jquery 代码,否则您将无法得到准确的答案。

标签: jquery checkbox html-table


【解决方案1】:
$('#mytable tr input[type="checkbox"]').each(function(){
   //inside this callback, 'this' will refer to a selected node (a checkbox)
   if ( $(this).is(':checked') ){
       ....
   }
})

这是example fiddle

【讨论】:

  • 谢谢!我之前做过,除了'input[type="checkbox"]',但我只是尝试过,也没有工作:((我在上面添加了我的小提琴)
  • 嗯,没有。如果您选择某些内容并单击“添加”,则会出现复选框。他们的状态是我想要的。
  • 对不起,我没有时间调试你的代码。作为一般评论:如果您的小提琴需要手册页,这不是说明您的问题的好方法。 each 循环本身可以正常工作(参见示例)。您的问题出在其他地方。
  • 谢谢,但是当我选中该框时,您的小提琴似乎没有提醒? :s
  • 哦,无论如何,谢谢!我想我意识到一个重要的问题——我的代码中的 each() 只会被调用一次!这就是为什么如果没有预设复选框,它不会显示任何东西!我说的对吗?
猜你喜欢
  • 1970-01-01
  • 2012-09-24
  • 2012-01-21
  • 1970-01-01
  • 2016-02-18
  • 2015-06-19
  • 2011-12-02
  • 1970-01-01
  • 2011-11-04
相关资源
最近更新 更多