javascript - JQUERY在检查它是否有多个'td'父母后获取元素

Question

我是 jquery 世界的新手，

在检查它是否有多个“td”父母后，我想用类（合同）隐藏元素

PS：关注我的代码中的一些问题，我不想使用 if 语句

示例代码：

    <table>
      <tbody>
           <tr>
             <td>
               <div class='contracted'>Something</div>
               
                <table>
                 <tbody>
                   <tr>
                     <td>
                          <div class='contracted'>Something</div>
                     </td>
                   </tr>
                 </tbody>
                </table>
        
             </td>
           </tr>
      </tbody>
    </table>

Answer 1

可以选择和隐藏具有一个类contracted和多个父级的元素，如下所示：td

$('td td .contracted').hide();

您的代码没有明确说明您要单击什么来触发此操作，但您可以使用 将单击事件处理程序绑定到触发器元素on。

Answer 2

$('.contracted').filter(function(){
    return $(this).parents('td').length > 1;
}).hide();

Answer 3

在您想要的对象上添加一个侦听器：

$('td td .contracted.').on('click', functionName)

无需听所有 .contracted 元素……只要你想要的。:)