jQuery的一个问题:如下图，上面四行是一个ul的li，其中第四个li下是一个子ul。问题请看补充：

在第一层 li 绑定 hover 的时候，你需要用 #topic_list > li:not(:last)，也就是选择 #topic_list 下第一层 li，并且不是最后一个 li，即前三个 li。

你没写 jQuery 代码，下面就假设鼠标经过第一层前三个 li 时文字变粗，离开时还原。

第一层前三个 li 和 第二层所有 li 点击时颜色变红。

$(function() {
    $("#topic_list > li:not(:last)").hover(function() {
        $(this).css({fontWeight: "Bold"});
    }, function() {
        $(this).css({fontWeight: "Normal"});
    }).click(function() {
        $(this).find("a").css({color: "red"});
    });

    $("#topic_list li ul li").click(function() {
        $(this).find("a").css({color: "red"});
    });
});

源码贴出来