Anchor etiketinden veri simgesi nasıl alınır?

Question

Ben bu HTML vardır: çapa Veri-icon özelliğini elde etmek ve (örneğin göz için) başka bir veri-simgeyi ayarlamak gerekir tıklandığında

<div id="measureControl" data-role="controlgroup" data-type="vertical"> 
    <a href="#" data-role="button" data-icon="home" id="measureButton" data-iconpos="notext"></a> 
</div> 

.

$("#measureButton").click(function() { 
     var el = $(".ui-icon", this); 
     var output = document.getElementById('output'); 
     if (el.hasClass("home")) { 
      el.removeClass("home"); 
      el.addClass("eye"); 
      output.style.display = "block"; 
     } else { 
      measureControls.line.deactivate(); 
      el.removeClass("eye"); 
      el.addClass("home"); 
      output.style.display = "none"; 
     } 
    }); 

Ama çalışmıyor:

Bunu deneyin.

Herhangi bir fikir jQuery veya JavaScript kullanarak nasıl uygulayabilirim?

Answer 1

sadece nitelikleri değeri elde etmek jquery .data fonksiyonunu

$("#measureButton").click(function() { 
     var currentIcon = $(this).data('icon'); 
     alert(currentIcon); 
     $(this).data('icon','eye'); 
     var currentIcon = $(this).data('icon'); 
     alert(currentIcon); 
    }); 

https://jsfiddle.net/qs9zwwo0/

Answer 2

kullanıcı jquery attr işlevini kullanın.

Answer 3

Salt JavaScript ile çok basit. Tushar gibi

var iconData = measureButton.dataset.icon; 

Answer 4

belirtilen: on`

$(document).on("click", "#measureButton", function(){ 
    $(this).attr("data-icon", "eye").button("refresh"); 
});