如何形成与Ands和Ors配合使用的查询选择 [英] How to form a Query Select That Works With Ands and Ors

问题描述

我有一个定义HtmlElements的类，如下所示:

I have a class defined HtmlElements as follows:

<div class="GM BOLTA 2016" >
<div class="GM BOLTB 2016" >
<div class="GM BOLT 2015" >
<div class="FORD BOLT 2016" >

我希望能够对此做出查询选择器，特别是，我想知道所有具有GM且也具有以BOLT开头且不是2015的东西的div标签.

I want to be able to make query selectors against this and specifically, I'd like to know all div tags that have GM and also have anything that starts with BOLT and is not 2015.

我在想类似

[GM][^BOLT]!2015 

但显然是错误的.

推荐答案

我想知道所有具有GM且还具有其他功能的div标签 以BOLT开头，而不是2015.

I'd like to know all div tags that have GM and also have anything that starts with BOLT and is not 2015.

普通的Javascript:

var matches = document.querySelectorAll('.GM, [class^="BOLT"]:not(.2015)');

jQuery:

$('.GM, [class^="BOLT"]:not(.2015)')

这篇关于如何形成与Ands和Ors配合使用的查询选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！