jquery - 带有破折号和类名空格的 jQuery 选择器

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

您可以为此目的使用属性选择器。

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

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