web前端js问题

Question

$(document).ready(function(){
$(".Course_Lc01 .Table_zk").click(function(){
$(".Course_Lc01 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc02 .Table_zk").click(function(){
$(".Course_Lc02 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc03 .Table_zk").click(function(){
$(".Course_Lc03 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc04 .Table_zk").click(function(){
$(".Course_Lc04 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc05 .Table_zk").click(function(){
$(".Course_Lc05 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc06 .Table_zk").click(function(){
$(".Course_Lc06 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc07 .Table_zk").click(function(){
$(".Course_Lc07 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc08 .Table_zk").click(function(){
$(".Course_Lc08 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc09 .Table_zk").click(function(){
$(".Course_Lc09 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
$(".Course_Lc10 .Table_zk").click(function(){
$(".Course_Lc10 .Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
});

这段jquery怎么合并循环使用？求指点

Answer 1

不好意思 没看到 里边也是相关的
可以这样
给每个Course_Lc01 Course_Lc02 等 再添加个class -->Course_Lc 这样就简单了
$(".Course_Lc .Table_zk").click(function(){
$(this).closest(".Course_Lc").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});

closest是得到最近的祖先