点击+ 添加 当前行为删除 添加行为添加

本文介绍了一款用于前端页面的奖励步骤编辑器实现方法,通过简单的JavaScript操作即可完成奖励步骤的增删及编辑功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


var restep_addi='<i class="iconfont icon-tubiaozhizuomoban restep_addi"></i>';
      var restep_deli='<i class="iconfont icon-shanchudelete30 restep_deli"></i>';
      var hasnew_table='<div class="reward_steps hasnew_table"><div class="qr_switch"><div class="email_btn1 publish_btns" data-name="" style="position: absolute;"><div class="email_btn2"></div></div></div><div class="restep_text"><span>スタンプ</span><div class="restep_textcon"><input type="tel" name="" value="3" class="restep_stanum"><span>個で</span><input type="text" class="restep_edit restep_addedit" name="" value="" placeholder="ドリンク一杯"><a href="#"><i class="iconfont icon-edit restep_editi"></i></a><i class="iconfont icon-tubiaozhizuomoban restep_addi" style="display:none"></i></div></div></div>';


$(".hasnew_table:last").find(".restep_deli").remove();
$(".hasnew_table:last").find(".restep_textcon").append(restep_addi);
function addnew(){
$(this).parent().parent().parent().after(hasnew_table);
        $(this).replaceWith(restep_deli);
        $(".restep_edit.restep_addedit").on("blur",function(){
          if ($(this).val() != '') {
             $(this).parent().find(".restep_addi").show();
             $(this).parent().parent().parent().find(".publish_btns").addClass("publish_open1");
          }
        })
        $('.restep_addi').unbind('click').bind('click', addnew);
        $('.restep_deli').unbind('click').bind('click', delnew);

}
$('.restep_addi').unbind('click').bind('click', addnew);
function delnew(){
        $(this).parent().parent().parent().remove();
        }
    $(".restep_deli").on("click",function(){
        delnew();
    })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值