标签：javascript css css-selectors

我正在尝试为确切的类名创建一个css选择器查​​询.

考虑一下这个HTML

<div class="My class1">Some long text</div>
<div class="My class1 234">Some long text2</div>
<div class="My class1">Some long text3</div>
<div class="My class1 haha">Some long text2</div>

现在我只想抓住班级’我的班级1’…而忽略’我的班级1,234’或’我的班级1哈哈’..

查询$$(‘div.My class1’)给出了上述所有4个.
注意：我正在尝试使用firebug控制台..

如何在这里指定确切的类名,以便只获取特定的类？

谢谢

解决方法:

元素中的类定义由空格分隔,因此您的第一个元素infact同时具有“My”和“class1”类.

如果您使用的是Mootools,则可以使用以下内容：

$$("div.My.class1:not(div.234):not(div.haha)")

Mootools中的示例：http://jsfiddle.net/vVZt8/2/

参考：http://mootools.net/docs/core125/core/Utilities/Selectors#Selector:not

如果您使用的是jQuery,则可以使用以下命令：

$("div.My.class1").not("div.234").not("div.haha");

jQuery中的示例：http://jsfiddle.net/vVZt8/3/

参考：http://api.jquery.com/not-selector/

这两个示例基本上检索具有类’My’和’class1’的所有元素,然后删除任何属于’div’元素的元素,这些元素具有分配给它们的’234’或’haha’类.

标签：javascript,css,css-selectors
来源： https://codeday.me/bug/20190714/1460426.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。