jQuery,如何定位非常具体的选择器?

jQuery, How to target very specific selectors?

提问人:Jeff 提问时间:11/20/2009 更新时间:11/20/2009 访问量:1280

问:

很抱歉,如果已经问过这个问题,我在jQuery文档中找不到答案。

如何选择所有具有属性且属性不为空的类?.tooltip[title][title]

换言之,选择以下选项:

<a href="#" class="tooltip" title="YES">Foo</a>
<span class="tooltip" title="YES">Bar</span>

但不是这些:

<a href="#" class="tooltip" title="">Empty title attribute.</a>
<span class="tooltip">No title attribute.</span>
jquery css-selectors

评论


答:

5赞 Gumbo 11/20/2009 #1

试试这个选择器:

.tooltip[title]:not([title=""])

评论

0赞 Jeff 11/20/2009
当您知道如何操作时,这很容易。=) 再次感谢秋葵浓汤。
0赞 Jeff 11/20/2009
我发现这似乎也有效,尽管我使用的插件也可能进行一些过滤:$( '.tooltip[title!=""]' )
0赞 Gumbo 11/20/2009
@Jeff:很好,不知道那个属性选择器,因为它不是 CSS 3 的一部分。但我的符合 CSS 3 标准。
0赞 Jeff 11/20/2009
@Gumbo:我的选择器的哪一部分与 CSS 3 有关?我认为它所说的是“标题属性不等于空字符串的所有 .tooltip 类”。
0赞 Gumbo 11/20/2009
@Jeff:没有像 这样的属性选择器。否定需要用 : 表示。[attr!="value"]:not():not([attr="value"])