在我的MVC Razor布局视图中,我尝试在鼠标悬停时设置下拉列表的背景颜色:
The list looks like this:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Partner <b class="caret"></b></a>
我有一个鼠标悬停功能,可以改变安莉元素跨度的背景色,但背景色的改变只改变跨度文本的背景,而不是整个长度列。如何在不更改li元素的背景颜色的情况下将背景颜色扩展到列的整个长度。我不想更改li元素的背景颜色,因为li元素可能包含我不想更改背景颜色的ul和li元素的子元素。
JSFiddle:
HTML:
<li>
<span class="text">HIGHLIGHT FULL LENGTH (DO NOT HIGHTLIGHT WITH BELOW HIGHTLIGHT)</span>
<ul>
<li>
我有几个列表,它们显示为行内块,创建了行的错觉。与表格不同,我不能直接设置行的格式。当鼠标悬停在行中的每个< li >上时,我希望对其中的每个<li>应用背景色。这可以通过CSS和名称/ID来实现吗?
谢谢。
麦克
澄清:读完答案后,我意识到我的问题不清楚。我有3个列表,并排在一起,所以每个列表中的第一个< li >代表第一行。每个列表中的第二个< li >将是第二行。诸若此类。
在最近的一个项目中,我使用jQuery检测段落中的换行,然后将每行的最后一个单词存储在一个变量中。有没有一种方法可以用jQuery选择变量,这样当我将鼠标悬停在该单词上时,就可以使用.hover来更改该单词的背景颜色?我找了一堆也没找到答案。 下面是我的代码: var breakWord
var p = $('p');
p.each(function () {
var current = $(this);
var text = current.text();
var words = text.split(' ');
cur