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

console.clear();

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

$("#main-box>.content-box").each(function(){
	let $box = $(this);
  console.log($box.data());
})

$("body").on("click", ".content-box", function(event) {
    event.preventDefault();
    console.log($(this).data());
});