在先前的<li> </li>中查找类的元素

时间:2011-09-16 15:32:02

标签: jquery

我有这个代码,当我将鼠标悬停在它的注释上时会触发鼠标悬停和鼠标悬停,但它没有按预期工作。

$(document).ready(function(){
    $("li.description").mouseout(function(){
        $(this).prev().find(".design").trigger('mouseout');
    });

    $("li.description").mouseenter(function(){
        $(this).prev().find(".design").trigger('mouseover');
    });
});

这是表格结构的一部分:

<li>
    <img class="photography"  src="PHOTO/boat.jpg" alt="Boat on sea." />
</li>
<li>
    <div id="description" class="description">
        <p>BOAT</p>
        <p>ITALY</p>
    </div>
</li>

我的桌子上有很多图片和描述。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:4)

您正在寻找带有“描述”类的<li>,但您的代码只有该<div>个类。

此外,您正在寻找上一个<li>的“设计”类的元素,但没有(您之前的<li>中的图片已经上课“摄影”)

答案 1 :(得分:0)

你应该做

$(document).ready(function(){
    $("li .description").mouseout(function(){
        $(this).prev().find(".design").trigger('mouseout');
    });

    $("li .description").mouseenter(function(){
        $(this).prev().find(".design").trigger('mouseover');
    });
});