Jquery扩大悬停区域

Question

这是我的结果 html

Output http://img2.pict.com/fc/c7/94/3241379/0/20100328195141.png

它的html是这样的

<li id="33">
    <div class="todoRow">
        <span class="status_1">Test13</span>
        <img class="delete_todo" alt="Delete" src="trash.png">
    </div>
</li>

我正在使用toggleClass 更改悬停时的跨度类。我想让它悬停到删除图标的宽度，这样我就可以切换类

我不想使用 div 触发悬停，因为在这种情况下，当垃圾图标悬停时，它也会切换 span 元素的类。

Answer 1

问题是跨度实际上并没有走那么远（因为它不是块元素），您可以通过对其应用边框来看到这一点。为了解决这个问题，给你的 span 一个 CSS 规则，比如：

.todoRow span { display: inline-block; width: 160px; }

当然，根据需要调整宽度。