javascript - input val()与span text()比较，如果相等进行操作。

问题描述

问 题

html:

<ul class="tree">
    <li><span class="tree-primary-items open">一级菜单</span>
        <ul class="open">
            <li>
                <div class="tree-secondary-items_search">
                    <span class="placeholder">输入三级菜单名称</span>
                    <input type="text" autocomplete="off" />
                    <button><i class="iconfont icon-search"></i></button>
                </div>
            </li>
            <li><span class="tree-secondary-items">二级菜单A</span>
                <ul class="open">
                    <li><span class="tree-third-items active">三级菜单A</span></li>
                    <li><span class="tree-third-items">三级菜单B</span></li>
                    <li><span class="tree-third-items">三级菜单C</span></li>
                </ul>
            </li>
            <li><span class="tree-secondary-items">二级菜单B</span>
                <ul>
                    <li><span class="tree-third-items">三级菜单D</span></li>
                    <li><span class="tree-third-items">三级菜单E</span></li>
                    <li><span class="tree-third-items">三级菜单F</span></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

点击搜索按钮，比较inputVal是否等于某个三级菜单名称，如果相等，这个三级菜单添加active，三级菜单的父元素ul添加open。

解决方案

$('span.tree-third-items').each(function(){
    if(inputVal === $(this).text()){
        $(this).addClass('active')
        .parent('li').parent('ul').addClass('open');
    }
})

这篇关于javascript - input val()与span text()比较，如果相等进行操作。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！