删除表分类器jquery插件中的上一页的类名

时间:2012-08-10 13:01:28

标签: jquery html css

这似乎有点难以解释,但我会尽我最大的努力。

我使用jquery tablesorter进行分页。工作正常。 实际上我有一个歌曲列表,默认情况下首页歌曲在页面加载时播放。

歌曲的TR由自定义jquery函数激活,该函数转换类(classname = current_playing)以显示该歌曲正在播放。工作正常。

当我点击其他歌曲(其他TR)时,前一首歌曲处于非活动状态,TR的Class(current_playing)被删除,这是显而易见的。

代码

 $('.tablesorter tr').removeClass('current_playing');

问题

当我使用tablesorter转到第二页然后单击第二页的其他tr时,它不会删除我在上一页中选择的前一个tr类。

我有一些想法,这是因为可能是上面的代码没有在页面中找到TR。

请帮助我如何删除以前的课程。我希望我尽力解释,但你仍然可以在http://webcartz.stagetesting.com/playlist

看到它

由于

1 个答案:

答案 0 :(得分:1)

在谷歌搜索并正确研究了tablesorter的文档之后,我成功地找到了解决方案。在tablesorter中,我们有 $(“。tablesorter”)[0] .config.rowsCopy ,它提供了所有表行,使用它可以轻松使用自定义代码。

  $($(".tablesorter")[0].config.rowsCopy).each(function() {
     // for removing tr class 
     $(this).removeClass('current_playing');
     // for changing class another div 
     $(this).find('div.black_speaker').removeClass('black_speaker');
  });

希望这可以帮助那些遇到同样问题的人。