添加和删除jquery-li元素
add and remove jquery li element
我想添加li元素,它可以很好地工作,但删除对新元素不起作用。我一开始有三个李元素,为的是去除功能的工作。
使用我的"添加"函数,我用同一个类创建了Li元素,为什么它不适用于新的类?
http://jsfiddle.net/3c96gduL
$(document).ready(function(){
$("#add_li").click(function (){
$("ol").append("<li>" + $("input").val() + "<a href='"#'" class='"remove'">X</a></li>");
});
$("#remove_li").click(function(){
$("li:last").remove();
});
$(".remove").click(function(){
$(this).parents('li').remove();
});
var log = $('.remove');
console.log(log);
console.log(jQuery);
});
您需要使用事件委派将事件附加到动态添加的dom。
事件委派允许我们将单个事件侦听器附加到父元素,该侦听器将为匹配选择器的所有子体激发,无论这些子体现在存在还是将来添加。
$("ol").on('click','.remove',function(){
$(this).parents('li').remove();
});
工作演示
相关文章:
- tiltSlider播放/暂停视频元素(如果li有当前类)
- 可以't附加html元素jquery
- 循环遍历元素jquery选择器
- 在ajax加载的元素jquery上包含现有的jquery函数
- 如何删除元素列表中的类并添加到另一个元素 Jquery.
- 获取单击的类元素 jQuery 的名称值
- 获取上一个元素 jQuery 的内容
- 根据另一个元素的更改获取一个元素(jquery)
- 区分不同的可拖放元素(jQuery 拖放)
- 除了最后一个<td>元素-Jquery
- 获取子元素jQuery的单选按钮值
- 捕获元素jquery外部的mousedown事件
- .append到非DOM元素jQuery
- 添加和删除jquery-li元素
- 获取其父元素的精确子元素.Jquery
- 获取重复结构中的特定元素jquery
- 捕获隐藏输入元素jQuery的值
- 使用onclick函数获取点击的元素jquery
- 按子元素 - jQuery 的数据 ID 对 li 进行排序
- 如何突出显示当前单击的h3和li元素jquery