JSFiddle - React, Tailwind, and code Playground

by PeteLopez

HTML

<div id="results">
    <ul id="sidebar">
    </ul>
</div>

JavaScript

var thing1 = {
    name: 'My Object'
};
var thing2 = {
    name: 'My Other Object'
};
var myArr = [];
myArr.push(thing1);
myArr.push(thing2);
for (i = 0; i < myArr.length; i++) {
    var li = $('<li></li><br />');
    var aSel = $('<strong>' + myArr[i].name + '</strong><br /><a class="btn btn-mini btn-success addDeal" href="javascript:void(0)"><i class="icon-plus"></i>Add Deal</a>');
    aSel.data('thing', myArr[i]);
    li.append(aSel);
    $('#sidebar').append(li);
}
$('.addDeal').click(function() {
    var data = $(this).data('thing');
    console.log(data);
});