使用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。