Jquery 如何将类添加到前面的同级?
我有以下HTML结构(代码段):Jquery 如何将类添加到前面的同级?,jquery,Jquery,我有以下HTML结构(代码段): 搜寻 我想根据下面的div.breadcrumb文本向#mySearch添加一个类。例如,如果第二个面包屑的值('Installation')(Home>Installation>…),然后将类'install'添加到搜索div#mySearch 这是我整理的东西,但不起作用。我不知道如何选择第二个面包屑,所以我只搜索了文本“Installation” $(文档).ready(函数(){ 如果($('.breadcrumb:contains(“I
搜寻
我想根据下面的div.breadcrumb文本向#mySearch添加一个类。例如,如果第二个面包屑的值('Installation')(Home>Installation>…),然后将类'install'添加到搜索div#mySearch
这是我整理的东西,但不起作用。我不知道如何选择第二个面包屑,所以我只搜索了文本“Installation”
$(文档).ready(函数(){
如果($('.breadcrumb:contains(“Installation”)。长度>0){
$(“#mySearch”).addClass(“安装”);
}
});
有人发布了一个我声明无效的解决方案。然后,该人删除了该帖子。然而,在使用这个解决方案一段时间后,我能够让它工作!所以,谢谢你
$(document).ready(函数(){//path://div/ol/li/span/a
var current_class=$.trim($('.breadcrumb>ol>li:eq(1)>span>a').text()).toLowerCase();
current_class=current_class.replace(//\s+/g,'.');//将空格转换为_
console.log(当前_类);
$('#mySearch').addClass(当前#类)
});代码>
对于JS,我是一个新手,所以其他人可能会想出一个更优雅的解决方案,但这对我来说是可行的。有人发布了一个我说不可行的解决方案。然后,该人删除了该帖子。然而,在使用了他的解决方案一段时间后,我能够让它工作!所以,谢谢你!
<div id="mySearch" class="search_input">
<form id="searchForm" method="get" action="../search.html">
<div>
<input type="search" placeholder="Search " class="search_textfield"
id="textToSearch" name="searchQuery" />
<button type="submit" class="search_button">
<span>Search</span>
</button>
</div>
</form>
</div>
<div class="container-fluid">
<div class="row">
<nav class="tools hidden-print">
<div data-tooltip-position="bottom" class=" breadcrumb ">
<ol xmlns:html="http://www.w3.org/1999/xhtml" class="hidden-print">
<li>
<span class="home">
<a href="../index.html">Home</a>
</span>
</li>
<li>
<span class="title">
<a href="install-system.html">Installation</a>
</span>
</li>
<li>
<span class="topicref">
<span class="title">
<a href="setup.html"> Setup system </a>
</span>
</span>
</li>
</ol>
</div>
</nav>
</div>
</div>
<script type="text/javascript">$(document).ready(function(){
if ($('.breadcrumb:contains("Installation")').length > 0) {
$("#mySearch").addClass("install");
}
});
</script>