jQuery: Retour à la valeur d'origine lorsque vous cliquez dessus et le lien est actif

Question

Ma fonction jQuery J'ai besoin de modifier les pseudo-classes de lien après l'avoir cliqué et il est actif et les sous-pages du menu sont ouvertes.

HTML:

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

Mon 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); 

Answer 1

Pour conserver la valeur intacte comme l'original, vous pouvez stocker la valeur d'origine dans une variable et vous pouvez alors régler plus tard

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);