javascript - 添加高亮效果，css float

Question

我正在尝试创建高亮效果，其中悬停的文本标记为黑色。 html 的结构将使此内容 float 到右侧。

http://jsfiddle.net/6hj5D/

问题是我只想突出显示 WORD，而不是 div 标记的整个区域。有什么想法吗？

Answer 1

一个简单的解决方案是将文本内容包装在一个附加元素中，并为其添加背景颜色属性。例如 <span>元素。

<div id="item 4" class="command"><span>item 4</span></div>

然后你的 jQuery 代码看起来像这样 -

$('.command').hover(function() {
    $(this).find('span').addClass("select");
    },function() {
    $(this).find('span').removeClass("select");
});

或者您可以将悬停事件添加到内部 <span> -

$('.command > span').hover(function() {
    $(this).addClass("select");
    },function() {
    $(this).removeClass("select");
});

Working demo