在jQuery中单击thead表时，如何向元素添加类？

Question

我想补充的类菜单一类开放给li元素当THEAD TR用户点击我的第桌子下面的。

这是我的桌子

<div><ul>
 <li class="menus">
    <a></a>
    <ul><li>
     <table id="tableid ">
        <thead>
          <tr><th></th><th></th><th></th></tr>
        </thead>
        <tbody>
            <tr id="1">
                <td></td>
                <td id="type1">types1</td>
                <td></td>
                <td id="types2">types2</td>
                <td></td>
            </tr>
            <tr id="2">
                <td></td>
                <td id="type1">types3</td>
                <td></td>
                <td id="types2">types4</td>
                <td></td>
            </tr>
           </tbody>
       </table>
    </li>
  </ul>
</li></ul></div>

JS

$(document).on('click','#tableid thead tr th', function(){
    var parents = $(this).prevAll().find('li')
    console.log(parents)

});

Answer 1

使用.parents和.addClass

$(document).on('click','#tableid thead tr th', function(){
    var parents = $(this).parents('li.menus').addClass('open')
    console.log(parents)
});