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函数访问它。

从HTML元素属性访问JavaScript变量

1 个答案: