幫助理解的JQuery屬性等於選擇

Question

我想找到內<div id="myid">

這兩個選擇工作<td role="foo" class="one two three four">：

$('#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。

Answer 2

因爲你的選擇：

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

正在尋找td[role=foo]內.two類的元素中 ID #myid的元素。

你使用的是後代選擇器，而不是尋找td[role=foo].two，我認爲這是你想要的。

Answer 3

你想：

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

此選擇：

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

意味着：找到ID爲 「身份識別碼」 的元素。從它找到所有的後代有一類「兩個」。從這些元素中找到所有後代<td>具有值爲「foo」的角色屬性的元素。