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