web前端js问题

$(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怎么合并循环使用？求指点

不好意思 没看到 里边也是相关的
可以这样
给每个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是得到最近的祖先

3种做法
1.添加自定义标识符 比如：

当然用个其他字段比如：title也是可以的
$("div[demojava='true']")
2.$("div[class][class^='Course_Lc']:eq([class='Table_zk'])") 没测试过
$("div[class][class^='Table_zk']")获取一个数组，遍历 var cls=$(this).attr("class");在你列表定义的就可以了
3.css 重新定义一个css 把这2个都包含进去

使用这样的方式比较简单：
[code="java"]
$(".Table_zk").each(function(i){
$(".Course_Xs").toggleClass("Course_XsOn");
$(this).toggleClass("Table_sq");
});
[/code]

1、或
$(".Course_Lc01 .Table_zk, .Course_Lc02 .Table_zk", ……)

2、
如果是这样的话 而且对所有的.Table_zk应用的话
$(".Table_zk")

3、使用 Course_Lc 而不是Course_Lc01/02/03 或者在添加个class Course_Lc
$(".Course_Lc .Table_zk")

看你的代码不知道你要用于什么地方，但大体上看得出是对一个列表的同样操作：切换样式。
下面将用for循环遍历方式实现把列表的所有条目都绑定事件。
[code="java"]
$(document).ready(function(){
var Table_zks = $(".Table_zk"); //建议把所有列表放到一个有id的容器内，这样就可以只获取这个容器内的class为Table_zk的dom节点了
var Course_Xs = $(".Course_Xs");
for(var i=Table_zks.size(); i; i--){
var curindex = i-1, zk = Table_zks.eq(curindex);
zk.click((function(index){ //闭包函数为了传入curindex
return function(){
Course_Xs.eq(index).toggleClass("Course_XsOn");
zk.toggleClass("Table_sq");
}
})(curindex));

            }
        })

[/code]