What is the best practice to store an array of values in a html (from php) attribute and later access them from javascript/jQuery?
<div class="storage" someAttr=?? /></div>
Its basically a simple array like (code_1,code_2,code_3,...)
Im thinking of doing a simple someAttr="code_1;code_2;code_3" and then exploding it:
var a = $(this).attr('someAttr');
(a.split(";")).forEach(function (attr){
console.log(attr);
});
What is the best practice to store an array of values in a html (from php) attribute and later access them from javascript/jQuery?
<div class="storage" someAttr=?? /></div>
Its basically a simple array like (code_1,code_2,code_3,...)
Im thinking of doing a simple someAttr="code_1;code_2;code_3" and then exploding it:
var a = $(this).attr('someAttr');
(a.split(";")).forEach(function (attr){
console.log(attr);
});
-
dataselectors, E.g: jQuery selectors on custom data attributes using HTML5 – Alex K. Commented Aug 12, 2015 at 13:11 - 2 You could try formatting it to JSON from PHP, then have JavaScript parse it. – user3117575 Commented Aug 12, 2015 at 13:15
- I would like to go with data-attributes introduced in HTML5. – Mritunjay Commented Aug 12, 2015 at 13:19
2 Answers
Reset to default 6You can json_encode your array on the PHP side, add it in as a data-attribute on the HTML side, and then parse it out on the JavaScript side.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery./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>
You can store like this in html attribute then you can split that into array using JavaScript with help of Substring functions
<li id="P01[01]"></li>