使用jquery更新表行的背景颜色

时间:2011-06-05 19:06:29

标签: javascript jquery html

我使用以下jquery将外部html页面加载到名为content的div中:

$(document).ready(function(){
     $("#content").load("content.html");
});

(function($) {  
 $(function() {  
 $('.load_link').click(function() {  
    $("#content").load("content2.html");  
    return false;  
 });  
});  
})(jQuery); 

触发内容更改的链接(使用<a class="load_link">)位于表格的一行内。当有人点击链接时,我希望能够更新分配给表格行的类。包含所点击链接的行应分配“rowselected”类,并且所有其他行(仅在该表中)应分配“rownotselected”类。只有此表中的行使用这些类名,因此替换该类名的任何出现都应该是安全的。

这可能吗?我第一次使用jquery。

提前感谢任何建议!

1 个答案:

答案 0 :(得分:1)

怎么样:

 $('.load_link').click(function() {  
    $("#content").load("content2.html");  
    var $row = $(this).closest("tr");
    // find the parent <tr> and set the class
    $row.removeClass("rownotselected").addClass("rowselected");
    // Set the class of the other rows:
    $row.siblings("tr").removeClass("rowselected").addClass("rownotselected");
    return false;  
 }); 
  • 使用closest()
  • 查找父tr
  • 使用removeClassaddClass删除相应的类
  • 使用siblings()在当前表中查找兄弟行。

以下是一个有效的例子:http://jsfiddle.net/andrewwhitaker/vN2ny/