從HTML元素屬性訪問JavaScript變量

Question

有沒有方法從HTML元素的屬性訪問JavaScript變量？

例如：

<a href="#" id="id1" my-attr="test">click here</a> 

<script type="text/javascript"> 
var test="hello world!"; 
$("#id1").click(function() { alert($(this).attr('my-attr')) }); 
</script> 

我希望發生的是顯示警告「世界，你好！」但顯然相反，它顯示「測試」

我知道如果我使用eval（），我可以做到這一點，我只是想知道是否有另一種方式。某種類型的JavaScript反射或什麼？

謝謝！

Answer 1

<a href="#" id="id1" my-attr="test">click here</a> 

<script type="text/javascript"> 
var test="hello world!"; 
$("#id1").click(function() { 
      $(this).attr('my-attr',test); 
      alert($(this).attr('my-attr')); 
}); 
</script> 

你需要把你的變量測試放在那個.attr函數中。並且不要使用my-attr作爲自定義屬性，而是使用Data-attr，以便您可以使用jQuery中的.data函數訪問它。