javascript - 尝试查找标题是否包含单词然后隐藏该父元素

Question

    var search_input = $('#input_search');
    var search_console = search_input.val();
    var header_console = $('.header');
    $('#enter_console').click(function() {
        var bodies = $('.reviews');
        for(var i=0;i<bodies.length;i++){
            var bodies = bodies[i];
            if($(bodies).find(header_console).filter(':contains("+search_console+")')) {
                bodies[i].hide();
            }
        }
    });

我正在尝试查找正文中是否包含用户在输入中输入的单词。然后，如果该主体具有单词，则隐藏除它之外的其余元素。谁能帮我？？？基本的 html 看起来像

<div id="2343" class="reviews">
    <h2>Animal Crossing: City Folk</h2><h3 class="header">Wii</h3>
    <p>8/10</p>
    <img src="http://i1231.photobucket.com/albums/ee512/Rukiafan23/1_zpsdab192dc.jpg" alt="{title}"> 
    <a href="http://www.wiiwarewave.com/t93-animal-crossing-city-folk">
        Read this Review
    </a>
    <div class="inner_box_review">----</div>
</div>

Answer 1

这应该可以做到:

$('#enter_console').click(function() {
    var search_input = $('#input_search'),
        search_console = search_input.val(),
        header_console = $('.header');
    $('.reviews:has(.header:contains("' + search_console + '"))').hide();
});

还修复了报价问题。

选择器表示:“选择具有“reviews”类的所有元素，这些元素至少有一个后代包含存储在 search_console 中的文本。”

如果您需要执行相反的操作并隐藏所有未提及的文本，则需要 .not( 或 :not()

$('#enter_console').click(function() {
    var search_input = $('#input_search'),
        search_console = search_input.val(),
        header_console = $('.header');
    $('.reviews').not(':has(.header:contains("' + search_console + '"))').hide();
});

或

$('#enter_console').click(function() {
    var search_input = $('#input_search'),
        search_console = search_input.val(),
        header_console = $('.header');
    $('.reviews:not(:has(.header:contains("' + search_console + '")))').hide();
});