jQuery：选择器（带空格的类名）

Posted 2023-03-05

【中文标题】jQuery：选择器（带空格的类名）

【英文标题】：jQuery: selector (classname with space)

【发布时间】：2010-12-31 14:27:51

【问题描述】：

我正在尝试获取一个将“面板当前”作为类名的 div。 问题是空间 - 我该如何选择它？

【问题讨论】：

docs.jquery.com/Selectors/class#classclass 应该已经为您解决了这个问题。

【参考方案1】：

类名中不能有空格。你有两个类：

<div class="panel current">

这个 div 有两个类：panel 和 current。这很容易选择：

$("div.panel.current")...

这意味着选择所有具有类面板和当前类的div。

【参考方案2】：

$('div').filter(function() 
    return this.className == 'panel current';
);

或

$("div[class='panel current']");

如果您需要将元素与类名完全匹配（包括空格）匹配，请使用此选项

其他发帖人是对的，你贴的DiV有两个类名：'panel'和'current'； 如果您想同时选择它们，请使用$('.panel.current')。

这还将包括以下元素：

<div class="foo panel bar current"></div>

【参考方案3】：

panel current 不是类名，实际上是两个类名。您可以使用以下选择器：

$('.panel.current')

【参考方案4】：

div 有两个 class 名称：

panel current

您可以使用$("div.panel") 或$("div.current") 来选择它。