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>using$(this).next()或 with：

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

Answer 2

指定它与您的上下文相关联：

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

Answer 3

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