jquery - 帮助理解 JQuery 属性等于选择器

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

因为选择器字符串中有空格is a descendant-selector .

您需要执行以下操作:

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

按照您的方式，您正在搜索 <td role="foo"> .two 的后代元素.