javascript - jQuery 选择器不适用于表

Question

我正在尝试使用 jquery 将类添加到已作为类的 active_square 的单元格中。但是这条线永远行不通。选择器是否错误？

 $("table#team_a_grid > tr > td.active_square").addClass('clickable');   
   <table border='1' id="team_a_grid" style="float:left;">
     <tr>
       <td class=''></td>
        <td class=''>A</td>
        <td class=''>B</td>
        <td class=''>C</td>
        <td class=''>D</td>
        <td class=''>E</td>
        <td class='active_square'>F</td>
        <td class='active_square'>G</td>
        <td class='active_square'>H</td>
        <td class='active_square'>I</td>
        <td class='active_square'>J</td>
     </tr>
  </table>

Answer 1

大多数浏览器会插入一个tbody元素使表格有效

$("#team_a_grid > tbody > tr > td.active_square").addClass('clickable');   

FIDDLE

除非你真的有嵌套表，否则你最好使用

$("#team_a_grid td.active_square").addClass('clickable');