选择与目标相同的父元素

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");
});

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');
});