jquery随意添加移除html的实现代码_jquery
程序员文章站
2022-03-10 08:29:48
...
html代码:
script代码:
function addRemoveItemNS() {
var $newLi = $('special and new
');
$('#list3 li.special')
.find('button.addone')
.unbind('click.addit')
.bind('click.addit', function() {
$(this).parent().after($newLi);
addRemoveItemNS();
})
.end()
.find('button.removeme')
.unbind('click.removeit')
.bind('click.removeit', function() {
$(this).parent().remove();
});
}
$(document).ready(function() {
addRemoveItemNS();
});
可以随意添加移除html代码。
复制代码 代码如下:
- plain
- special
- plain
script代码:
复制代码 代码如下:
function addRemoveItemNS() {
var $newLi = $('
$('#list3 li.special')
.find('button.addone')
.unbind('click.addit')
.bind('click.addit', function() {
$(this).parent().after($newLi);
addRemoveItemNS();
})
.end()
.find('button.removeme')
.unbind('click.removeit')
.bind('click.removeit', function() {
$(this).parent().remove();
});
}
$(document).ready(function() {
addRemoveItemNS();
});
可以随意添加移除html代码。
推荐阅读
-
jQuery实现可拖动的浮动层完整代码
-
jquery实现Li滚动时滚动条自动添加样式的方法_jquery
-
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
-
jquery中交替点击事件的实现代码
-
基于jquery的时间段实现代码_jquery
-
JQuery AJAX实现目录浏览与编辑的代码_jquery
-
jQuery的实现原理的模拟代码 -1 核心部分_jquery
-
jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
-
编写自己的jQuery插件简单实现代码_jquery
-
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码