javascript - 模拟悬停事件

Question

我有一个充满图像和描述的列表，如下所示:

<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>
<li>

当我将鼠标悬停在描述 div 上时，我想在图片上模拟悬停事件。 有人可以帮我解决这个问题吗？

Answer 1

$("#description").mouseout(function(){
    $(".photography").css('border','');
});

$("#description").mouseenter(function(){
    $(".photography").css('border','4px solid #333');
});

demo