Jquery 如何将类添加到前面的同级?

Jquery 如何将类添加到前面的同级?,jquery,Jquery,我有以下HTML结构(代码段): 搜寻 我想根据下面的div.breadcrumb文本向#mySearch添加一个类。例如,如果第二个面包屑的值('Installation')(Home>Installation>…),然后将类'install'添加到搜索div#mySearch 这是我整理的东西,但不起作用。我不知道如何选择第二个面包屑,所以我只搜索了文本“Installation” $(文档).ready(函数(){ 如果($('.breadcrumb:contains(“I

我有以下HTML结构(代码段):


搜寻
  • 我想根据下面的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>