javascript - 选择与目标位于同一父级中的元素

Question

假设我有以下设置:

<ul id="cal">
    <li><span>test</span><img /></li>
    <li><span>test</span><img /></li>
    <li><span>test</span><img /></li>
</ul>

在 jQuery 中:

$('#cal li span').hover(function(){
    $("#cal li img").trigger('mouseover');
});

我需要在 #cal li img 上触发鼠标悬停，但仅在跨度的图像上而不是所有图像上触发

Answer 1

您可以引用最近的<img>使用$(this).next()或与:

$("#cal li span").hover(function() {
    $(this).siblings("img").trigger("mouseover");
});