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

你不能有孤立的 td，它不是有效的 HTML，jQuery 不允许你选择它。它需要在 tr 中，它本身需要在 table 元素中:

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

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

DEMO .