在点击功能上使用jQuery更改跨度值

时间:2017-04-18 11:14:46

标签: jquery html css

我对前端很新。我的剧本有问题。 我想用jQuery动态更改HTML span标签的值。我有带产品的侧边栏菜单。我只需显示主类别,然后单击以显示子类别。它最难的部分"主要类别上也有一个链接"所以我不得不添加额外的按钮,这将成为子类别的触发器。

var $j = jQuery.noConflict();
$j('.sidebar-li ul').toggle(); 
$j(document).ready(function(){
    $j('.sidebar-li .sub-menu').parent('.sidebar-li').wrap('<div class="sidebar-li-plus-icon"></div>'); // Wrap the element in a new class
    $j('.sidebar-li-plus-icon').append('<span class="plus-icon">+</span>'); // add span to the end of the .sidebar-li-plus-icon 
    $j('span.plus-icon').on( 'click' , function(){
        if ( $j(this).is(":visible") ) {
            $j(this).empty().append('<span class="plus-icon">-</span>');
        }
        else if (!$j(this).is(":visible")) {
            $j(this).empty().append('<span class="plus-icon">+</span>');
        }
            $j(this).prev().find('.sub-menu').toggle(100);
    });
});

首次点击时,范围会发生变化,但在加载&#34; - &#34;后,不会返回到previos。 谢谢

0 个答案:

没有答案