javascript - Jquery 切换和添加/删除

Question

我有两个按钮。

两个按钮都有鼠标悬停 css 颜色变化。

其中一个按钮只是链接到另一个页面。但是，单击另一个按钮时需要 A.) 显示隐藏的 div
B.) 切换到翻转颜色并保持该颜色。 (但不更改其他按钮类)

我只希望 ID 为“编辑”的按钮将类 m-button-regular 切换为 m-button-active 而不是其他按钮。我正在使用的 JQuery 将两个按钮类更改为 m-button-active。

这个脚本出了什么问题？

            <a href="#tab1" id="edit" >
            <span class="m-button-small m-button-regular   text-center floatleft clearfix mtm mls" id="sm-tab1">
                <i class="fa fa-gear"></i>
                <p>EDIT</p>
            </span>  
            </a>   
            <a href="#tab1">
            <span class="m-button-small m-button-regular  text-center floatleft clearfix mtm mls" id="sm-tab1">
                <i class="fa fa-plus"></i>
                <p>ADD</p>
            </span>  
            </a>  
<div class="row editcontainer">

</div>


$('.editcontainer').hide();
$(document).ready(function(){
    $('#edit').click(function(){        
        $(".editcontainer").toggle();
        $('.m-button-regular').toggleClass("m-button-active");
    });

});

Answer 1

您需要使用 .find()引用它的子跨度，然后你可以使用切换。

Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

使用

$(this).find('.m-button-regular').toggleClass("m-button-active");

代替

$('.m-button-regular').toggleClass("m-button-active");