Question

在html（来自php）属性中存储值数组并稍后从javascript / jQuery访问它们的最佳做法是什么？

<div class="storage" someAttr=?? /></div>

它基本上是一个简单的数组，如(code_1,code_2,code_3,...)
我想做一个简单的someAttr="code_1;code_2;code_3"然后爆炸它：

      var a = $(this).attr('someAttr');
      (a.split(";")).forEach(function (attr){
        console.log(attr);
      });

Answer 1

您可以在PHP端json_encode数组，在HTML端将其作为data-attribute添加，然后在JavaScript端解析。

<!DOCTYPE html>
<html>

  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script>
      $(document).ready(function() {
        var jsArr = JSON.parse($('#phpArr').attr('data-attr'));
      });
    </script>
  </head>

  <body>
    <span id="phpArr" data-attr='<?php echo json_encode(arr); ?>'></span>
  </body>

</html>

Answer 2

您可以在html属性中存储这样的内容，然后在Substring函数的帮助下使用<li id="P01[01]"></li>将其拆分为数组

{{1}}

在html attr中存储值数组的最佳实践？

2 个答案: