從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函數進行訪問。