javascript - 根据一列值隐藏行

Question

鉴于下表

  +-----------------------+-----------------+---------------+
  |     212               |   fred          |   red         |
  +-----------------------+-----------------+---------------+
  |     230               |   Tom           |   blue        |
  +-----------------------+-----------------+---------------+
  |     240               |   Bob           |   green       |
  +-----------------------+-----------------+---------------+
  |     253               |   Jim           |   grey        |
  +-----------------------+-----------------+---------------+

我尝试使用以下命令突出显示一行，但没有成功。

  var userid = 212;
  $('tr').find('td:eq(0):contains('+userid+')').parent().css('backgroundColor', 'yellow');

这显然是错误的，因为它不起作用。我哪里出错了？

编辑:所以我从我的页面剪切并粘贴了确切的表格，它也可以在 jsfiddle 中使用。我没有说的是我有一个父页面，单击按钮即可加载表格。单击表中的按钮，它会加载突出显示按钮。上面的代码实际上是在父页面上。不知何故它无法“看到”表格？

Answer 1

您是否将该函数放入 DOM 就绪调用中？那么一旦 DOM 准备好它就会触发？ (哇，这是重复的)我刚刚在 jsFiddle 上尝试过，效果很好

参见here

你需要类似的东西

$('#taget_div').hide().html(data.result).fadeIn('slow', function() {
    var userid = 212;
    $('tr').find('td:eq(0):contains('+userid+')').parent().css('backgroundColor', 'yellow');
});