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

你不能有一个 orphan td，它不是有效的 HTML，jQuery 不允许你选择它。它需要在 a 内tr，它本身也需要在一个table元素内：

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

只有这样你才能执行$('td[data-city*="down"]').css('color','red');。

演示。