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
,依此类推
另外,使用classfinder-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());
});