如何用空格和通配符选择类名

如果这是仅有的3个类,并且您确定它们将按该顺序出现,那么您可以使用 attribute-starts-with

试试这个:

$('a[class^=zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_]')

这将选择 <a> 元素 class zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_

• http://api.jquery.com/attribute-starts-with-selector/

或者,您可以获取包含前两个类的元素,并使用过滤器确保它以第三个类结束。按照它的编写方式,它假定您的“通配符”将是一个或多个数字。

$('a.zz1_TopNavigationMenu_1.Napa1-topnav').filter(function() {
    return /zz1_TopNavigationMenu_\d+$/.test($(this).attr('class'));
});

• http://api.jquery.com/filter/

空格字符在类名中无效;它是分隔符。一个标记可以包含多个类名。例如, <a id="foobar" class="foo bar"> 有两个类:foo和bar,因此 $('#foobar').getClasses()

因此,如果要使用单个类选择元素,请执行以下操作:

$('.foo')

如果要选择具有多个类的元素,请执行以下操作:

$('.foo.bar')

.zz1_TopNavigationMenu_1.Napa1-topnav.zz1_TopNavigationMenu_whatever

将得到包含所有3个类的元素。通配符不起作用-没有使用CSS选择器的工具。我会添加一个类,比如: zz1_TopNavigationMenu 还有任何 zz1_TopNavigationMenu_whatever 会得到这个分组类。或者,如果可能的话,您可以使用ID或元素来获取它们。例如,如果它是一个菜单id,那么它们都是 li .zz1_TopNavigationMenu_1.Napa1-topnav li 或者类似的东西。

看一看这个 docs on css selectors 用于jQuery。