Javascript 选择器有问题吗

我遇到的问题是无法选择“menuItem”类div中的div。我曾尝试使用jQuery选择器按类甚至ID进行选择，但每次尝试使用它进行任何操作（如动画）时，都不会发生任何事情。是否有我不知道的jQuery法则阻止我这么做

$('.menu')
    .hover( function() { 
        $(this).toggleClass('highlighted'); 
    })
    .click(function() {
        $(this).parent().children('.menuItem').children('#wtf').slideDown();
    });

也尝试了这些点击，但没有一个有效

$('#wtf').slideDown();
$('.test').slideDown();
$(this).parent().find('.menuItem').each( function() { $(this).slideDown(); } );
$(this).parent().children('.menuItem').children().slideDown();

你试过了吗

---

$this+'>.menuItem div'

我为您的样式应用了背景色，但您的jQuery选择器选择不正确。我尝试了这个，它改变了背景颜色，但我没有CSS在适当的地方，使幻灯片向下的视觉工作-你必须正确地编写你的CSS

$this.sidds.findwtf.cssbackground color，cccc.slideDown

---

你试过查看选择结果吗？例如，$'wtf'.length是否告诉您有匹配项？这对我很有用。是否确实正确加载了jQuery？例如，对于$'wtf'，其显示最初是否设置为无？如果没有，也许你只是没有注意到幻灯片效果。我会将CSS添加到我的OP中。我去掉了测试类，因此它会更紧凑一些，但它只是.menuItem div属性的复制/粘贴。是的，我注意到了。我已经尝试了很多，并且在这方面已经坚持了一段时间。我列出的是最近的

<div class='box'>
    <div>
        <div class='menu'>Resources</div>

        <div class='menuItem'>
            <div ID='wtf' class='test'>Library</div>
            <div>Internet</div>
            <div>Your mom</div>
        </div>
    </div>

    <div>
        <div class='menu'>Products</div>
    </div>

    <div>
        <div class='menu'>Contact</div>
    </div>
</div>

body { font-size: 16px; }

.box {
    background: blue; 
    border: 1px; 
    padding: 4 6 4 6; 
    position: absolute; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid;
}

.box div {
    float: left; 
    text-align:center; 
}

.menu {
    background: lightblue;
    width: 105px;
    text-align: center;
    padding: 4 10;
    margin: 1 5;
    font-weight: bold;
    font-family:'Verdana', 'Times', serif; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid gray;
}

.highlighted {
    background: lime;
    color: navy;
}

.menuItem {
    clear: left;
    position: absolute;
    margin-top: 30px;
}

.menuItem div {
    display: none;
    background: lightblue;
    opacity: .7;
    filter: alpha(opacity=.7);
    width: 105px;
    text-align: center;
    padding: 4 10;
    margin: 1 5;
    font-size: 10px;
    font-family: 'Verdana', 'Times', serif; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid white;
    clear: left;
}