Jquery 我怎样才能淡出父母？

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

-HTML-

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

---

我需要使用此脚本淡出h3的父级

您可以使用以下任一选项淡出父级：

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

或

或

closest（）

首先尝试匹配

h3

元素本身，并向上遍历DOM树，直到找到下一个匹配元素。如果您考虑以下结构：

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

---

就我理解你的问题而言，你需要这个

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

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

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

});

---

$（“#父项”）.fadeOut（'slow'）ID是唯一的，所以只针对它？在您的示例中，我没有看到一个
\b#u submit
或
$（'input:text'）
。您的页面中只有一个文本框吗？当您的筛选器_文本通过elemnt类型而不是ID或类获取值时。。这可能导致严重的问题
$('h3:contains('+filter_text+')').closest('div').fadeOut('slow);

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

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

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

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

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

});