源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery随意添加移除html的实现代码

  • 时间:2021-03-26 18:59 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery随意添加移除html的实现代码
html代码:
[u]复制代码[/u] 代码如下:
<ul id="list3" class="eventlist"> <li>plain</li> <li class="special">special <button>I am special</button></li> <li>plain</li> </ul>
script代码:
[u]复制代码[/u] 代码如下:
function addRemoveItemNS() { var $newLi = $('<li class="special">special and new <button class="addone">I am new</button> <button class="removeme">remove me</button></li>'); $('#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代码。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部