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

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

您可以像这样存储在 html 属性中，然后您可以在 Substring 函数

的帮助下使用 JavaScript 将其拆分为数组

<li  id="P01[01]"></li>

Answer 2

您可以 json_encode 在 PHP 端的数组，将其作为 data-attribute 添加到 HTML 端，然后在 HTML 端解析它=17=]边。

<!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>

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

Best practice to store array of values in html attr?

html

javascript

attr