帮助理解JQuery Attribute Equals Selector

Question

我想找到<td role="foo" class="one two three four">一个<div id="myid">

这两个选择器工作:

$('#myid td[role=foo]')

$('#myid .two')

但这个没有,为什么？

$('#myid .two td[role=foo]')

Answer 1

因为选择器字符串中的空格是后代选择器.

你需要这样做:

$('#myid td.two[role=foo]')

你拥有它的方式,你正在寻找作为后代的<td role="foo">元素..two