Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$.getJSON("/api/users", function(users) { users.forEach(function(user) { const card = $(`<div class="card user-card">${user.name}</div>`); card.data("user", user); // attach entire object $("#container").append(card); }); }); $(document).on("click", ".user-card", function() { const user = $(this).data("user"); console.log(user.email, user.role); // full object accessible });
Result
Open