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

Dai*_*lis 5 html javascript attr

将值数组存储在 html(来自 php)属性中然后从 javascript/jQuery 访问它们的最佳实践是什么?

<div class="storage" someAttr=?? /></div>
Run Code Online (Sandbox Code Playgroud)

它基本上是一个简单的数组,就像(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);
      });
Run Code Online (Sandbox Code Playgroud)

mac*_*115 6

您可以json_encode在 PHP 端创建数组,在data-attributeHTML 端将其添加为 a ,然后在 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>
Run Code Online (Sandbox Code Playgroud)