Javascript jQuery查找最近的ID并删除其中一个类名
嘿,我一直在想如何找到一个DIV的下一个最近的ID,然后我需要替换它的一个类名class=something0 something 1 something 2 我需要处理的是以下html:Javascript jQuery查找最近的ID并删除其中一个类名,javascript,jquery,closest,Javascript,Jquery,Closest,嘿,我一直在想如何找到一个DIV的下一个最近的ID,然后我需要替换它的一个类名class=something0 something 1 something 2 我需要处理的是以下html: <div class="col-sm-10"> <select class="tips form-control searchable-select-holder-req" data-tooltip="example 1" data-val="" id="environment" n
<div class="col-sm-10">
<select class="tips form-control searchable-select-holder-req" data-tooltip="example 1" data-val="" id="environment" name="environment" style="width: 260px; display: none;">
<option value="1">IT</option>
<option value="2">FRASTRUCTURE</option>
<option value="3">blah 2</option>
<option value="4">blah 3</option>
<option value="5">blah 4</option>
<option value="6">blah 5</option>
<option value="7">blah 6</option>
<option value="8">SPARE</option>
<option value="9">LAB</option>
<option value="10">STUDY</option>
</select>
<div tabindex="0" class="searchable-select" style="width: 260px; min-width: 260px;">
<div class="tips searchable-select-holder searchable-select-holder-req" data-tooltip="example 1" data-tag="environment"></div>
<div class="searchable-select-dropdown">
<span>Search:</span>
<input type="text" class="searchable-select-input" style="width: 250px; max-width: 185px; background-color: rgb(254, 231, 231);" />
<div class="searchable-scroll has-next">
<div class="searchable-has-privious searchable-select-hide">...</div>
<div class="searchable-select-items mCustomScrollbar _mCS_2" style="font-family: Courier New, Courier, monospace;">
<div id="mCSB_2" class="mCustomScrollBox mCS-bodyScroll mCSB_vertical mCSB_inside" style="max-height: 185px;" tabindex="0">
<div id="mCSB_2_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
<div class="searchable-select-item" data-value=""></div>
<div class="searchable-select-item" data-value="1">IT</div>
<div class="searchable-select-item" data-value="2">FRASTRUCTURE</div>
<div class="searchable-select-item" data-value="3">blah 2</div>
<div class="searchable-select-item selected" data-value="4">blah 3</div>
<div class="searchable-select-item" data-value="5">blah 4</div>
<div class="searchable-select-item" data-value="6">blah 5</div>
<div class="searchable-select-item" data-value="7">blah 6</div>
<div class="searchable-select-item" data-value="8">SPARE</div>
<div class="searchable-select-item" data-value="9">LAB</div>
<div class="searchable-select-item" data-value="10">STUDY</div>
</div>
<div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-bodyScroll mCSB_scrollTools_vertical mCSB_scrollTools_onDrag_expand" style="display: block;">
<div class="mCSB_draggerContainer">
<div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px; display: block; height: 104px; max-height: 175px;" oncontextmenu="return false;">
<div class="mCSB_dragger_bar" style="line-height: 30px;"></div>
</div>
<div class="mCSB_draggerRail"></div>
</div>
</div>
</div>
</div>
<div class="searchable-has-next">...</div>
</div>
</div>
</div>
</div>
从代码中可以看到,我尝试使用$this.next'mCSB_2_container'。removeClassselected;但这似乎不起作用,因为它要查找在mCSB_2_容器中选择的类名
如果有人能帮我解决这个问题,那就太好了 我想也许你能做到 $'.container'。单击函数E{ e、 防止违约; var x=$this.next.attr'id'; $'.container'.removex; }; 您可以使用find查找所选类,如:$this.next'.searchable select'.find'.selected'.removeclasssselected;。请参阅下面的工作片段: $select.eachfunction{ $'[data tag='+this.id+']'.text;//清除文本 $this.next'.searchable select'.find'.selected'.removeclasssselected; $this.next'.searchable select'.find'.searchable select项:第一个子项'.addClass'selected'; }; .选定{ 背景:f00; } 信息技术 基础设施 废话 废话 废话 废话 废话 不用的 实验室 学习 搜索: ... 第一项 信息技术 框架结构 废话2 废话3 废话4 废话5 废话6 不用的 实验室 学习 ...
我在您的代码中没有看到任何select…但您在此处将其定位为$select.eachfunction{更新了OP以显示选择部分。好的。我已经为您添加了一个答案。使用id时距离如何相关?它必须是唯一的,所以不管它在哪里,它应该是正确的元素?!现在将第一个可搜索的选择项更改为“已选择”怎么样?是的,您可以这样做。查看我的更新答案。注意…该选项代码中的第一项没有文本,所以请检查以查看添加的类。是的,lonut。感谢您的帮助!
$("select").each(function() {
$('[data-tag="' + this.id + '"]').text(''); //Clears Text
//$(this).next('#mCSB_2_container').removeClass("selected");
});