Question

以下代码会在.titlerow的鼠标悬停时隐藏.row。如何更改代码，以便如果鼠标没有悬停在任何行上，则第一个.titlerow被隐藏？

echo "<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>";

$(function() {

    $('.row').hover(function() {

    $(this).find('.titlerow').hide();
    }, function() {
        $(this).find('.titlerow').show();
    });
});

Answer 1

我希望这就是你的意思，如果没有请详细说明你的意图......

html：

<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>
<div class='row'><div class='titlerow'></div></div>

脚本：

$(function() {
    $('.row').hover(function() {
        $('.titlerow').first().show();
        $(this).find('.titlerow').hide();

    }, function() {
      $(this).find('.titlerow').show();
      $('.titlerow').first().hide();
    });

    // hide the first titlerow
    $('.titlerow').first().hide();
});

修改

在上面的代码中，我为您的新请求做了一些修复。 +一个工作示例可以在下面找到

工作示例： http://jsfiddle.net/muqxj/

帮助悬停jquery

1 个答案: