Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试查找标题是否包含单词,然后隐藏父元素 var search_input=$(“#input_search”); var search_console=search_input.val(); var header_console=$('.header'); $('#进入控制台')。单击(函数(){ 变量主体=$(“.reviews”); 对于(var i=0;i_Javascript_Jquery_Search_For Loop - Fatal编程技术网

Javascript 尝试查找标题是否包含单词,然后隐藏父元素 var search_input=$(“#input_search”); var search_console=search_input.val(); var header_console=$('.header'); $('#进入控制台')。单击(函数(){ 变量主体=$(“.reviews”); 对于(var i=0;i

Javascript 尝试查找标题是否包含单词,然后隐藏父元素 var search_input=$(“#input_search”); var search_console=search_input.val(); var header_console=$('.header'); $('#进入控制台')。单击(函数(){ 变量主体=$(“.reviews”); 对于(var i=0;i,javascript,jquery,search,for-loop,Javascript,Jquery,Search,For Loop,这应该做到: <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.jp

这应该做到:

<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>
修正了报价问题

选择器说:“选择具有类“reviews”的所有元素,这些元素至少有一个子体包含存储在
search\u console
中的文本。”

如果你需要做相反的事情并隐藏所有没有提到的文本,你需要
.not(
:not()

这应该做到:

<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>
修正了报价问题

选择器说:“选择具有类“reviews”的所有元素,这些元素至少有一个子体包含存储在
search\u console
中的文本。”

如果你需要做相反的事情并隐藏所有没有提到的文本,你需要
.not(
:not()


如果你隐藏“body”,你也会隐藏标题,因为它是.reviews的子元素。你可能需要重写你的HTML来实现这一点。如果单词只是一个字母,比如
a
,会发生什么情况?可能不止一个元素会有这个“单词”?是的,所有这些元素都应该隐藏。如果你隐藏“body”,您也将隐藏标题,因为它是.reviews的子元素。您可能需要重写HTML来完成此操作。如果单词只是一个字母,例如
a
,会发生什么情况?可能会有多个元素包含该“单词”?是的,所有这些元素都应该隐藏。这根本不起作用。我也不想要元素包含要隐藏的单词的元素,我希望隐藏其他元素。我不需要在它前面做一个带有!的if语句吗?比如
if(!element){//code here}
那么它将是var element=
$('.reviews')。children('.header:has(:contains(“+search\u console+”)));
您想隐藏.review div的所有子级,而不是包含文本的子级?还是想隐藏不包含所述文本的所有.review div。不,您不需要if语句。all.review div在类中不包含所述文本。header在itI中添加了.header的规范,也许这会使其成为一个亮点tle效率更高。我还按要求添加了相反的内容。这根本不起作用。此外,我不希望隐藏包含单词的元素,我希望隐藏其他元素。我不需要在if语句前面加一个!吗?比如
如果(!element){//code here}
那么它将是var element=
$('.reviews').children('.header:has(:contains('+search_console+')));
您想隐藏.review div的所有子级,而不是包含文本的子级?还是想隐藏不包含所述文本的所有.review div。不,您不需要if语句。all.review div在类中不包含所述文本。header在itI中添加了.header的规范,也许这会使其成为一个亮点tle效率更高。我还按照要求添加了反面。
$('#enter_console').click(function() {
    var search_input = $('#input_search'),
        search_console = search_input.val(),
        header_console = $('.header');
    $('.reviews: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();
});
$('#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();
});