如何在jquery中单击thead表时向元素添加一个类？

Question

当用户点击 thead tr th 菜单上为 li 元素添加课程打开 >我的表格如下。

这是我的表

<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)
});