Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Jquery 隐藏父div并替换另一个div中的文本_Jquery_Css_Html - Fatal编程技术网

Jquery 隐藏父div并替换另一个div中的文本

Jquery 隐藏父div并替换另一个div中的文本,jquery,css,html,Jquery,Css,Html,我做了一个自定义的选择菜单 <span class="depend"> <div class="col-md-3 col-sm-3 finder-form__input-value" data-select-dropdown=".finder-form--one"> <a href="javascript:void(0);">Select 1</a> </div>

我做了一个自定义的选择菜单

    <span class="depend">
        <div class="col-md-3 col-sm-3 finder-form__input-value" data-select-dropdown=".finder-form--one">
            <a href="javascript:void(0);">Select 1</a>
        </div>
        <div class="col-md-3 col-sm-3 finder-form__input-value" data-select-dropdown=".finder-form--two">
            <a href="javascript:void(0);">Select 2</a>
        </div>
        <div class="col-md-3 col-sm-3 finder-form__input-value"  data-select-dropdown=".finder-form--three">
            <a href="javascript:void(0);">Select 3</a>
        </div>
     </span>
我试图在单击
href
时隐藏已单击的
href
的父级
。然后
href
的文本将替换
选择1中的文本

bla bla 1
将文本替换
选择1
bla bla 2
将文本替换
选择2
,依此类推


另外,使用class
finder-form\u下拉列表取消隐藏下一个

带有“Select 1”的div具有class car-finder-form\u输入值,而不是finder-form\u输入值。你需要把车停在某个地方:)@AlivetoDie是的,但是我怎样才能从下拉式驾驶室拿到它?在下拉div中创建另一个数据属性?具有“Select 1”的div具有类car-finder-form\uuuu input-value,而不是finder-form\uu input-value。你需要把车停在某个地方:)@AlivetoDie是的,但是我怎样才能从下拉式驾驶室拿到它?是否在下拉div中创建另一个数据属性?
<div class="row finder-form__dropdown finder-form--one hide">
    <div class="col-xs-12">
        <div class="row finder-form__dropdown-list">
            <a href="">bla bla 1</a>
            .....
        </div>      
    </div>
</div>
<div class="row finder-form__dropdown finder-form--two hide">
    <div class="col-xs-12">
        <div class="row finder-form__dropdown-list">
            <a href="">bla bla 2</a>
            ....
        </div>      
    </div>
</div>
<div class="row finder-form__dropdown finder-form--three hide">
    <div class="col-xs-12">
        <div class="row finder-form__dropdown-list">
            <a href="">bla bla 3</a>
            ....
        </div>      
    </div>
</div>
$("div.finder-form__dropdown-list a")
.on("click", function(e){
    e.preventDefault();

    //hide current div and unhide next matched div
    $(".finder-form__dropdown")
    .addClass("hide")
    .next()
    .toggleClass("hide");

    //replace text in select div
    $(".finder-form__input-value a")
    .text($(this).text()); 
});