使用Jquery選擇一個td元素

Question

我想查看我的表的'td，並檢查數據屬性並根據該屬性執行某些操作。 我這樣做：

<li id="person1" data-city="Boston, New York, San Fransisco"> 
    Person name 1 
</li> 
<li id="person1" data-city="down, Washington"> 
    Person name 2 
</li> 
<td data-city="down"> TEST </td> 

$('li[data-city*="down"]').css('color','red');​ 

http://jsfiddle.net/fR8rJ/3/

，但我不能讓它的 'TD' 元素的工作。

有什麼想法？

Answer 1

你不能有一個孤兒td，它不是有效的HTML，jQuery不允許你選擇它。它需要一個tr，這本身就需要一個table元素內內：

<table> 
    <tr> 
    <td data-city="down"> TEST </td> 
    </tr> 
</table> 

只有這樣，你可以執行$('td[data-city*="down"]').css('color','red');。

DEMO。