带有破折号的jQuery选择器和classname的空格

Question

我知道如果我有一个班级名称（带空格），例如

my classname

我可以用：

创建一个类选择器

.my.classname

但是，如何创建类选择器如果我在空格之间有破折号：

My - Classname and Others

或者这个：

My - Clasname

感谢您的提示。

Answer 1

为什么不简单地将标题My - Classname转换为.my.classname

的 LIVE DEMO

var title   = "Properties Listing - 3 Per Page";
var toClass = '.'+ title.replace(/-/g, '').replace(/\s{1,}/g, '.').toLowerCase() ;

alert(toClass); // .properties.listing.3.per.page

Answer 2

与第一种情况没有区别，只是你的元素将有3个类：My，-和Classname。所以你只需要做同样的选择：

$(".my.-.classname")

Answer 3

您可以将attribute selector用于此目的。

$('[class="My - Clasname"]')

注意：My - Classname and Others不是一个单独的类，它混合了5个类My，-，Classname，and和{{1} }。