Question

我希望得到一个深层嵌套的特定课程。这是我的jQuery代码：

$('#cal-day-box #cal-day-panel #cal-day-panel-hour .cal-day-hour .row-fluid, .cal-day-hour-part .span11, .col-xs-11').click( function() {
        console.log("success jquery");
        $(this).hide();
      });

HTML层次结构如下：

<div id="cal-day-box">
    <div id="cal-day-panel">
        <div id="cal-day-panel-hour">
            <div class="cal-day-hour">
                <div class="row-fluid cal-day-hour-part">
                    <div class="span11 col-xs-11">
</ ... div>

当我只使用第一个ID选择器时，代码工作正常。它一路上断了。没有发现错误。＆＃34;成功jquery＆＃34;没有打印。我做错了什么？

Answer 1

应该是：

$('#cal-day-box #cal-day-panel #cal-day-panel-hour .cal-day-hour .row-fluid.cal-day-hour-part .span11.col-xs-11').click( function() {

最后两个div的CSS必须为.row-fluid.cal-day-hour-part .span11.col-xs-11。

当您在元素中定位多个类时，不要在类之间放置空格或逗号。逗号用于分隔多个选择器。空格用于选择后代元素。

使用jQuery获取一个重度嵌套的类

1 个答案: