Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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 Jquery在searchTerm中添加多个div_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery在searchTerm中添加多个div

Javascript Jquery在searchTerm中添加多个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在codepen中找到了代码,并做了一些更改。在这里搜索代码,我只想在多个div中搜索。如你所见,问答部分。现在代码对我有效,但我想在搜索中添加.answer部分 我试着像多选$([“”],[“”])那样写,但对我来说不起作用 我是怎么写的?你能告诉我怎么做吗 $(“.open”)。单击(函数(){ var container=$(this.parents(“.topic”); var-answer=container.find(“.answer”); var触发器=container.fi

我在codepen中找到了代码,并做了一些更改。在这里搜索代码,我只想在多个div中搜索。如你所见,问答部分。现在代码对我有效,但我想在搜索中添加.answer部分

我试着像多选$([“”],[“”])那样写,但对我来说不起作用

我是怎么写的?你能告诉我怎么做吗

$(“.open”)。单击(函数(){
var container=$(this.parents(“.topic”);
var-answer=container.find(“.answer”);
var触发器=container.find(“.faq-t”);
答:滑动切换(200);
if(trigger.hasClass(“faq-o”)){
trigger.removeClass(“faq-o”);
}否则{
trigger.addClass(“faq-o”);
}
if(container.hasClass(“扩展”)){
容器。移除类(“扩展”);
}否则{
container.addClass(“扩展”);
}
});
jQuery(文档).ready(函数(){
$('.question')。每个(函数(){
$(this.attr('data-search-term',$(this.text().toLowerCase()+$(this.find('ptag').text().toLowerCase());
});
$('.live search box')。在('keyup',function()上{
var searchTerm=$(this.val().toLowerCase();
$('.question')。每个(函数(){
if($(this).filter
('[data search term*='+searchTerm+']')。长度>0 | | searchTerm.length<1){
$(this.parent().parent().show();
}否则{
$(this.parent().parent().hide();
}
});
});
$(“#控件”).keyup(函数(){
如果($(this.val().length==0){
$('.show_hide').hide();}
否则{
$('.show_hide').show();
}
}).keyup();
$(“#控件”).keyup(函数(){
如果($(this.val().length==0){
$('main').css(“页边距顶部”,“10%”;}
否则{
$('main').css(“页边距顶部”,“30px”);
}
}).keyup();
});
@导入url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
身体{
字体系列:“Roboto”,无衬线;
背景色:#F5;
颜色:#444;
}
主要{
显示:块;
位置:相对位置;
框大小:边框框;
边界半径:15px;
填充:30px;
宽度:60%;
背景色:#fff;
保证金:0自动;
空白顶框阴影:0px 0px 5px rgba(0,0,0,0.1);
}
.实时搜索框{
宽度:100%;
显示:块;
填充:1em;
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
边框:1px实心#3498db;
-webkit边界半径:5px;
-moz边界半径:5px;
边界半径:5px;
}
h1{
左侧填充:20px;
右边填充:20px;
字体大小:32px;
字体大小:300;
}
.主题{
填充:20px;
填充顶部:0px;
垫底:0px;
边框底部:实心1px#ebebebeb;
}
.打开{
光标:指针;
显示:块;
填充:0px;
}
.打开:悬停{
不透明度:0.7;
}
.扩大{
背景色:#F5;
过渡:所有.3s易于输入输出;
}
普塔格先生{
显示:无;
}
.问题{
填充顶部:30px;
右边填充:40px;
垫底:20px;
字号:18px;
字号:500;
颜色:#526ee4;
}
.答复{
字体大小:16px;
线高:26px;
显示:无;
边缘底部:30px;
文本对齐:对齐;
左侧填充:20px;
右边填充:20px;
}
.faq-t{
-moz变换:旋转(-45度);
-ms变换:旋转(-45度);
-webkit变换:旋转(-45度);
变换:旋转(-45度);
显示:内联块;
浮动:对;
位置:相对位置;
顶部:-55px;
右:10px;
宽度:10px;
高度:10px;
背景:透明;
左边框:2倍实心#ccc;
边框底部:2个实心#ccc;
过渡:所有.3s易于输入输出;
}
.faq-o{
顶部:-50px;
-moz变换:旋转(-224度);
-ms变换:旋转(-224度);
-webkit变换:旋转(-224度);
变换:旋转(-224度);
}
@仅介质屏幕和(最大宽度:480px){
.faq-t{
显示:无;
}
.问题{
右边填充:0px;
}
主要{
填充:10px;
}
.答复{
边缘底部:30px;
左侧填充:0px;
右边填充:0px;
}
}

常见问题
常见问题
1.如何删除我的投诉/评论?SIEBEL

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

2.我已经发布了投诉/评论,但没有出现在网站上。为什么?我的投诉何时公布?

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

3.如何编辑我发布的投诉?

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

4.如何查找其他用户的个人信息?

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。我们必须尽可能少地工作,并在实验室进行实习

jQuery(document).ready(function () {
    $('.question,.answer').each(function () {
        $(this).attr('data-search-term', $(this).text().toLowerCase() + $(this).find("ptag").text().toLowerCase());

    });

    $('.live-search-box').on('keyup', function () {

        var searchTerm = $(this).val().toLowerCase();
        $('.question').parent().hide();
        $('.topic').each(function () {

            if ($(this).find('.question').filter('[data-search-term *= ' + searchTerm + ']').length > 0 || $(this).find('.answer').filter('[data-search-term *= ' + searchTerm + ']').length > 0) {
                $(this).show();
                $(this).find('.open').show();
            }
            else {
                $(this).hide();
            }

        });

    });




    $('#control').keyup(function () {
        if ($(this).val().length == 0) {
            $('.show_hide').hide();
            $('main').css("margin-top", "10%");
        }
        else {
            $('.show_hide').show();
            $('main').css("margin-top", "30px");
        }
    });


});