Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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选择下一个div?_Javascript_Jquery_Html_Uislider_Next - Fatal编程技术网

Javascript 如何使用jQuery选择下一个div?

Javascript 如何使用jQuery选择下一个div?,javascript,jquery,html,uislider,next,Javascript,Jquery,Html,Uislider,Next,当谈到jQuery时,我是个十足的傻瓜,我正试图使用next()选择器选择下一个元素,但在让它工作时遇到了一点麻烦 我试图做的是在用户完成对ui滑块的选择后激活slideDown()。这是我的密码: $('.slider').slider({ 停止:功能(事件、用户界面){ $(this).nextAll('.secondq:first')。slideDown('slow')) } }); 问题是,这根本不起作用。只有当我将“secondq”问题放在ui滑块的父div中时,它才会起作用。这是我的

当谈到jQuery时,我是个十足的傻瓜,我正试图使用next()选择器选择下一个元素,但在让它工作时遇到了一点麻烦

我试图做的是在用户完成对ui滑块的选择后激活slideDown()。这是我的密码:

$('.slider').slider({
停止:功能(事件、用户界面){
$(this).nextAll('.secondq:first')。slideDown('slow'))
}
});

问题是,这根本不起作用。只有当我将“secondq”问题放在ui滑块的父div中时,它才会起作用。这是我的HTML:

<div class="option">
                            <h2 align="left">How high is your ceiling from the floor?</h2>
                            <input type="text" align="right" name="bonus" class="value" disabled="disabled"  />
                            <div class="slidewrap">
                                <div class="sliderFt slider"></div>
                            </div>
                        </div>
                        <!-- End Option -->
                        <div class="option">
                            <h2 align="left">How many windows do you have?</h2>
                            <input type="text" align="right" name="bonus" class="value" disabled="disabled"  />
                            <div class="slidewrap">
                                <div class="sliderWinDoor slider"></div>
                            </div>
                            <div class="secondq" style="display:none;">
                                <h2>What type of material are your windows made of?</h2>
                                <div class="radiocont">
                                    <label>Wood</label>
                                    <input type="radio" class="styled" value="wood" name="windowtype" />
                                </div>
                                <div class="radiocont">
                                    <label>Metal</label>
                                    <input type="radio" class="styled" value="metal" name="windowtype" />
                                </div>
                                <div class="radiocont">
                                    <label>PVC</label>
                                    <input type="radio" class="styled" value="pvc" name="windowtype" />
                                </div>
                            </div>
                        </div>

你的天花板离地板有多高?
你有多少个窗户?
你的窗户是用什么材料做的?
木材
金属
聚氯乙烯

nextAll
仅获取兄弟姐妹。根据HTML结构,您可以执行以下操作:

$(this).parent().next()
要使其更独立于结构,还可以执行以下操作:

$(this).closest('.slidewrap').nextAll('.secondq:first')

nextAll
仅获取同级。根据HTML结构,您可以执行以下操作:

$(this).parent().next()
要使其更独立于结构,还可以执行以下操作:

$(this).closest('.slidewrap').nextAll('.secondq:first')