jQuery隐藏了一切，虽然我告诉它显示

Question

很难在标题中解释这个问题...

我想显示鼠标输入的行的.rowOptions，但也隐藏.rowOptions的所有其他实例。

我有以下代码，但它隐藏了所有元素。它似乎在show()行之前执行hide()行。

我该如何解决这个问题？

$(".container_12").live('mouseenter', function() { 

    $(".rowOptions").hide(); 
    $(this).children(".rowOptions").show();

});

标记是：

<div class="container_12">
    <div />
    <div />
    <div />
    <div class="rowOptions" style="display: none"; />
</div>

Answer 1

听起来你的选择器错了。我愿意打赌$(this).children('.rowOptions')返回0个元素，因此没有显示任何内容。

在不知道您的HTML设置方式的情况下，很难确定。我建议记录你收到的物品数量或发出警报：

 alert($(this).children('.rowOptions').length);