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 では選択できません。の中にある必要がありtr、それ自体がtable要素の中にある必要があります。

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

そうして初めて、実行でき$('td[data-city*="down"]').css('color','red');ます。

デモ。