jquery - jQuery：如果包含子项，则隐藏父项有具体的课吗？

Question

我正在使用 jQuery Tablesorter Filters 插件，我试图隐藏某些<td>. 这就是我想要做的：

-如果<td>包含<input class="tablesorter-filter disabled">，隐藏父级<td>

<tr class="tablesorter-filter-row">
    <td>
        <input class="tablesorter-filter">
    </td>

    <td>
        <input class="tablesorter-filter disabled">
    </td>

    <td>
        <input class="tablesorter-filter">
    </td>
</tr>

<script>
    jQuery(function ($) {
        $(".tablesorter-filter-row td").filter(function(i) { return $(this).find("> input.disabled").length > 0 }).hide();
    });
</script>

那是我从另一个问题中挑选出来的 jQuery，但在这种情况下它并没有隐藏父 td。

Answer 1

你的代码看起来不错。确保您在DOM 就绪处理程序中执行此操作，它应该可以正常工作。

$(function() {
   $(".tablesorter-filter-row td").filter(function() {
         return $('input', this).hasClass('disabled');
    }).hide();
});

检查小提琴

Answer 2

$('.tablesorter-filter-row td').each(function(){
if($(this).children('input').hasClass('disabled').length == 0)
{
    $(this).children('input').hide();
}
});