jQuery:单击它时返回原始值并且链接处于活动状态

时间:2017-10-20 14:23:01

标签: jquery html css

我的jQuery函数我需要在点击它之后更改链接伪类,它是活动的,并在打开时在菜单中显示子页面。

HTML:

<ul class="menu uk-nav-offcanvas">
<li class="menu-item-has-children uk-open">
<a href="#">ITEM</a></li></ul>

我的jquery:

 (function( $ ) {
        $( '.uk-nav-offcanvas .menu-item-has-children > a' ).attr( 'href', '#' );
        if($('li.menu-item-has-children').hasClass('uk-open')){
        $( '.uk-nav-offcanvas .menu-item-has-children > a' ).attr( '#', 'href' );   
            }
        })( jQuery );

1 个答案:

答案 0 :(得分:2)

要保持值与原始值完整,您可以将原始值存储在变量中,然后可以稍后设置

var attrValue = $( '.uk-nav-offcanvas .menu-item-has-children > a' ).attr( 'href');
$( '.uk-nav-offcanvas .menu-item-has-children > a' ).attr( 'href', '#' );

if($('li.menu-item-has-children').hasClass('uk-open')){
    $( '.uk-nav-offcanvas .menu-item-has-children > a' ).attr('href', attrValue);