jQuery data

by Максим Булавинов

HTML

<div id="main-box">
  <div class="content-box">111</div>
  <div class="content-box">222</div>
  <div class="content-box">333</div>
</div>

JavaScript

$("#main-box>.content-box").each(function(){
	let $box = $(this);
  $box.data("d-test", "test: #" + $box.text());
})

var x = $("<a class='randomclass'>test link</a>");
x.data('foo', 'bar');
console.log(x.data());

$("body").append(x);

$("body").on("click", "a.randomclass", function(event) {
    event.preventDefault();
    console.log($(this).data());
});