如何淡出父母？

Question

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

-HTML -

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

-Script -

$("#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();

});