jquery - 我怎样才能淡出父母？

Question

这就是我到目前为止所得到的。

-HTML-

  <div id='parent'>
    <h3>Header</h3>
    <p>Body Copy</p>
    </div>

-脚本-

$("#b_submit").click(function() {

    var filter_text = $('input:text').val();

    $('h3:contains('+filter_text+')').fadeOut();

});

我需要使用这个脚本来淡出 h3 的父级。

Answer 1

您可以使用以下任何一种方式将父级淡出：

$('h3:contains('+filter_text+')').parent().fadeOut('slow);

或者

$('#parent').fadeOut('slow');

或者

$('h3:contains('+filter_text+')').closest('div').fadeOut('slow);

首先closest()尝试匹配h3元素本身，然后遍历 DOM 树，直到找到下一个匹配元素。如果您考虑以下结构：

<div class="first-level">
    <div class="second-level">
        <h3>Header</h3>
        <p>Body Copy</p>
    </div>
</div>

您可以使用closest()来定位.first-level：

$('h3:contains('+filter_text+')').closest('.first-level').fadeOut('slow);

Answer 2

据我了解你的问题，你需要这个..

$("#b_submit").click(function() {

    var filter_text = $('input:text').val();

    $('h3:contains('+filter_text+')').parent().fadeOut();

});