
Untitled
By: a guest on
May 7th, 2012 | syntax:
None | size: 1.29 KB | hits: 8 | expires: Never
JQuery adding elements including a remove listener
function displayElements(objekt) {
$('#container').empty();
for(var key in objekt) {
if(objekt.hasOwnProperty(key)) {
$('#container').append('<div id="' + key + '">' +
key +
'<a id="del' + key + '">delete'</a></div>');
$('#del' + key).click(function() {
delete objekt[key];
displayElements(objekt);
});
}
}
}
// build your markup
function displayElements(objekt) {
var container = $('#container').empty();
for (var key in objekt) {
if (objekt.hasOwnProperty(key)) {
container.append('<div id="' + key + '">' + key + '<a id="del' + key + '">delete< /a></div > ');
}
}
}
displayElements(objekt);
// bind to all anchors who's ids start with 'del'
$("#container").on("click", "a[id^='del']", function() {
$(this).remove();
});
function displayElements(objekt) {
$('#container').empty();
for (var key in objekt) {
if (objekt.hasOwnProperty(key)) {
var $div = $('<div />');
$div.prop('class', 'delete');
$div.append($('<a />').attr('id', 'del' + key).text('delete'));
}
}
}
$('.delete').on('click', 'a[id^="del"]', function() {
// Delete your stuff
});