javascript - JQuery addClass() 中有一个空格？

Question

如何使用 JQuery 的 addClass 方法添加一个包含空格的类？例如:

.list {
  padding-left: 0px;
  margin-left: 20px;
}

.list li:hover {
  background-color: AliceBlue;
}

我正在尝试更新/替换事件处理程序内列表的内部 html，但是当我这样做时，所有 CSS 格式都会消失。我只需要一种将其放回去的方法，所以我打算使用类似 $('#my_list').addClass('list list li') 但我不知道如何获取它可以识别 li 部分。我尝试过逃离这个空间，但没有成功；传递它 'list list\li' 也不起作用。

Answer 1

您只需将类 list 添加到 #my_list 中，其余代码只需 css。将 list 类添加到 ul 元素后，它将自动为子 li 应用 :hover 样式> 元素

jQuery，

$('#my_list').addClass('list');

CSS，

.list {
  padding-left: 0px;
  margin-left: 20px;
}

.list li:hover {
  background-color: AliceBlue;
}

更清楚地说，在您的代码中 list 是您拥有的唯一类。并且 li 不是一个类，它是 ul 标记内的 li 元素。 li:hover 表示 li 元素的悬停效果