Javascript 获取查询选择器所有多个条件
我想得到包含类菜单项链接和mk图像链接的所有a元素。下面的表达式正确吗Javascript 获取查询选择器所有多个条件,javascript,css-selectors,Javascript,Css Selectors,我想得到包含类菜单项链接和mk图像链接的所有a元素。下面的表达式正确吗 a[class*="menu-item-link"], a[class*="mk-image-link"] 没有选择任何内容,因此我想没有: 谢谢你的帮助 致以最良好的祝愿, Anton您必须执行此“a.menu-item-link,a.mk-image-link”,它将检查a是否具有此类 const selected=document.queryselector all'a.menu-item-link,a.mk-im
a[class*="menu-item-link"], a[class*="mk-image-link"]
没有选择任何内容,因此我想没有:
谢谢你的帮助
致以最良好的祝愿,
Anton您必须执行此“a.menu-item-link,a.mk-image-link”,它将检查a是否具有此类
const selected=document.queryselector all'a.menu-item-link,a.mk-image-link'
const selected2=document.queryselectoral'a.menu-item-link.js-smooth-scroll,a.mk-image-link.js smooth-scroll'
console.logselected
console.logselected2
允许选择器分组
请注意,它将选择具有指定类名的所有元素,因此不需要通配符。i、 e.如果您的目标是菜单项链接和mk图像链接,下面的链接应该适合您
因此,您可以尝试以下方法:
var elements=document.querySelectorAlla[class~='menu-item-link'],一个[class~='mk-image-link'];//或
elements=document.querySelectorAlla.menu-item-link,a.mk-image-link;//两个选择是否相同
elements.forEachfunctionelement、索引、数组{
element.style.backgroundColor=999;
};
谢谢@Maciej Kozieja:如果菜单项链接只是“菜单项链接js平滑滚动”的一部分,会是什么样子。所以我想选择所有包含“菜单项链接”的内容。我必须使用通配符吗?@Toni2708给出有问题的examle html,这样它将是一个.menu-item-link.js-smooth-scroll,一个.mk-image-link?谢谢,对了,但是如果part.js smooth-scroll动态更改怎么办?我已经了解了如何使用一个选择器a[class*=菜单项链接]来实现这一点。我想用另一个选择器做同样的事情,并将它们连接到一个QuerySelector all语句中,就像在第一个示例中一样。谢谢!您使用的选择器字符串不可能不返回任何元素。此外,你使用属性选择器而不是像普通人那样使用类选择器有什么原因吗?