2
我是一个jquery新手,我用jQuery创建盒子然后“删除”它们。但是我想使用相同的代码删除已创建元素范围中的方框和已创建元素的范围。我如何操纵jQuery的动态创建的元素?
HTML:
<button id="create">Cria</button>
<div id="main">
<div class="box">
<a class="del-btn" href="#">Delete</a>
</div>
</div>
JS:
var box = {
create: function() {
var box = $('<div class="box">');
var delBtn = $('<a class="del-btn" href="#">Delete</a>');
box.appendTo('#main');
delBtn.appendTo(box);
},
destroy: function(elem) {
elem.fadeOut();
}
}
function deleteBox() {
}
$(function() {
$('#create').click(function() {
box.create();
});
$('.del-btn').click(function() {
var elem = $(this).parent();
box.destroy(elem);
return false;
});
});
如果我把删除事件创建点击事件里面,我只可以删除动态创建的元素。如果我把它放在外面,那么我可以删除HTML中的元素。我知道这是一个简单的问题,但我无法弄清楚如何解决它。由于
http://jsfiddle.net/BwTNR/ – undefined
谢谢非常mutch。完美解决 –
@和-K不客气! – VisioN