Question

我使用以下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。

提前感谢任何建议！

Answer 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

使用removeClass和addClass删除相应的类
使用siblings()在当前表中查找兄弟行。

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

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

1 个答案: