我正在尝试创建高亮效果,其中悬停的文本标记为黑色。 html 的结构将使此内容 float 到右侧。
问题是我只想突出显示 WORD,而不是 div
标记的整个区域。有什么想法吗?
最佳答案
一个简单的解决方案是将文本内容包装在一个附加元素中,并为其添加背景颜色属性。例如 <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
关于javascript - 添加高亮效果,css float,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12027039/