请问如何把下面代码中相同的代码或逻辑，提取出来，用时在放进去，不用重复写。要详细代码奥

if(isAdd) { //添加奖品
var _html = "

";
_html += '' + $("input[name='prize_name']").val() + ''; // 名称
_html += '' + $("select[name='prize_type']").find("option:selected").html() + '' + $("select[name='prize_type']").val() + ''; //类型
//奖品图片
_html += '' + $("input[name='prize_img']").val() + '';

    //奖品设置  添加
    var type_val = $("select[name='prize_type']").val();
    if(type_val == "1"){
        _html += '<td class="prizeContent"><em>' + $("input[name='donate_scores']").val() + '</em><span></span></td>';
    }else if(type_val == "2"){
        var package_val = $("input[name='red_package']:checked").val();
        var scene_title = $('#red_packet_scene').find("option:selected").text();
        var scene = $('#red_packet_scene').val();
        if(!scene){
            scene_title = '';
        }

        if(package_val == "0"){
            _html += '<td class="prizeContent" data-scene="' + scene + '" data-red_name="' + $("input[name='red_name']").val() + '" data-red_wish="' + $("input[name='red_wish']").val() + '">固定红包[' + scene_title + ']：<em class="fixed_money">' + $("input[name='fixed_money']").val() + '</em>元<span>' + package_val + '</span></td>';
        }else if(package_val == "1"){
            _html += '<td class="prizeContent" data-scene="' + scene + '" data-red_name="' + $("input[name='red_name']").val() + '" data-red_wish="' + $("input[name='red_wish']").val() + '">随机红包[' + scene_title + ']：<em class="rand_min">' + $("input[name='rand_min']").val() + '</em>-<em class="rand_max">' + $("input[name='rand_max']").val() + '</em>元<span>' + package_val + '</span></td>';
        }
    }else if(type_val == "3"){
        var get_type = $("select[name='get_type']").val();
        if(get_type == "1") { //快递
            _html += '<td class="prizeContent"><em>' + $("input[name='goods_name']").val() + '</em><span>' + $("select[name='get_type']").val() + '</span><b></b><big></big></td>';
        }else{ //门店
            var store_id = '';
            if($('input[name="get_point"]:checked').val() == 2){
                if($('input[name="store_id"]:checked').length > 0){
                    $.each($('input[name="store_id"]:checked'), function(){
                        store_id += $(this).val() + ',';
                    });
                }else{
                    layer.msg('请选择门店！',{'icon': 5});
                    return;
                }
            }

            _html += '<td class="prizeContent"><em>' + $("input[name='goods_name']").val() + '</em><span>' + $("select[name='get_type']").val() + '</span><b>' + $('input[name="get_point"]:checked').val() +'</b><big>'+store_id +'</big></td>';

        }
    }else if(type_val == "4"){
        if($("select[name='package']").val() != "0"){
            var goods_name = $(".youhui .select2-chosen").text();
            var _index = $(".youhui .select2-chosen").text().indexOf("库存:");
            goods_name = $(".youhui .select2-chosen").text().substring(0, _index);
            _html += '<td class="prizeContent"><em>' + goods_name + '</em><span>' + $("select[name='package']").val() + '</td>';
        }else{
            return false;
        }
    }else if(type_val == "5"){
        if($("select[name='free_voucher']").val() != "0"){
            var serial_number = $(".tzmdj .select2-chosen").text();
            var _index = $(".tzmdj .select2-chosen").text().indexOf("库存:");
            serial_number = $(".tzmdj .select2-chosen").text().substring(0, _index);
            _html += '<td class="prizeContent"><em>' + serial_number + '</em><span>' + $("select[name='free_voucher']").val() + '</td>';
        }else{
            return false;
        }
    }

    _html += '<td class="prizeNums">' + $("input[name='nums']").val() + '</td>';
    _html += '<td class="prizeChance">' + $("input[name='chance']").val() + '</td>';
    _html += '<td class=""><a href="javascript:void(0)" class="edit" >编辑</a>  <a href="javascript:void(0)" class="del_tr" >删除</a> </td></tr>';

    $(".prize_msg").append(_html);
    $(".prize_setting").find("input").not("input[type='radio']").not(".red_text").not('.object_expired_day').val("");
    $('.temp_img').attr('src', '');
}else{ //保存设置
    $(_target).closest("tr").find("td:first").html($("input[name='prize_name'").val());
    $(_target).closest("tr").find("td.prizeType").find("em").html($("select[name='prize_type']").find("option:selected").html());
    $(_target).closest("tr").find("td.prizeType").find("span").html($("select[name='prize_type']").val());
    $(_target).closest("tr").find("td.prize_img").find("span").html($("input[name='prize_img']").val());

    //奖品设置  修改
    var type_val = $("select[name='prize_type']").val();
    if(type_val == "1"){
        $(_target).closest("tr").find("td.prizeContent").html("<em>" + $("input[name='donate_scores']").val() + "</em><span></span>");
    }else if(type_val == "2"){
        var red_val = $("input[name='red_package']:checked").val();
        var scene_title = $('#red_packet_scene').find("option:selected").text();
        var scene = $('#red_packet_scene').val();
        if(!scene){
            scene_title = '';
        }
        if(red_val == "0"){
            var red_html = "固定红包[" + scene_title + "]：<em>" + $("input[name='fixed_money']").val() + "</em>元<span>" + red_val + "</span>";
            $(_target).closest("tr").find("td.prizeContent").data("red_name", $("input[name='red_name']").val()).data("red_wish", $("input[name='red_wish']").val()).data('scene', scene).html(red_html);
        }else{
            var red_html = "随机红包[" + scene_title + "]：<em class='rand_min'>" + $("input[name='rand_min']").val() + "</em>-<em class='rand_max'>" + $("input[name='rand_max']").val() + "</em>元<span>" + red_val + "</span>";
            $(_target).closest("tr").find("td.prizeContent").data("red_name", $("input[name='red_name']").val()).data("red_wish", $("input[name='red_wish']").val()).data('scene', scene).html(red_html);
        }
    }else if(type_val == "3"){
        if($('select[name="get_type"]').val() == 1){
            $(_target).closest("tr").find("td.prizeContent").html("<em>" + $("input[name='goods_name']").val() + "</em><span>" + $("select[name='get_type']").val() + "</span>");
        }
        if($('select[name="get_type"]').val() == 2){
            if($('input[name="get_point"]:checked').val() == 1){
                $(_target).closest("tr").find("td.prizeContent").html("<em>" + $("input[name='goods_name']").val() + "</em><span>" + $("select[name='get_type']").val() + "</span><b>" + $('input[name="get_point"]:checked').val() + '</b><big></big>');
            }
            if($('input[name="get_point"]:checked').val() == 2){
                var store_id = '';
                if($('input[name="get_point"]:checked').val() == 2){
                    if($('input[name="store_id"]:checked').length > 0){
                        $.each($('input[name="store_id"]:checked'), function(){
                            store_id += $(this).val() + ',';
                        });
                    }else{
                        layer.msg('请选择门店！',{'icon':5});
                        return;
                    }
                }
                $(_target).closest("tr").find("td.prizeContent").html("<em>" + $("input[name='goods_name']").val() + "</em><span>" + $("select[name='get_type']").val() + "</span><b>" + $('input[name="get_point"]:checked').val() + '</b><big>' + store_id + '</big>');
            }
        }
    }else if(type_val == "4"){
        if($("select[name='package']").val() != "0"){
            var goods_name = $(".youhui .select2-chosen").text();
            var _index = $(".youhui .select2-chosen").text().indexOf("库存:");
            goods_name = $(".youhui .select2-chosen").text().substring(0, _index);
            var hui_html = "<em>" + goods_name + "</em><span>" + $("select[name='package']").val() + "</span>";
            $(_target).closest("tr").find("td.prizeContent").html(hui_html);
        }else{
            return false;
        }
    }else if(type_val == "5"){
        if($("select[name='free_voucher']").val() != "0"){
            var serial_number = $(".tzmdj .select2-chosen").text();
            var _index = $(".tzmdj .select2-chosen").text().indexOf("库存:");
            serial_number = $(".tzmdj .select2-chosen").text().substring(0, _index);
            var tzmdj_html = "<em>" + serial_number + "</em><span>" + $("select[name='free_voucher']").val() + "</span>";
            $(_target).closest("tr").find("td.prizeContent").html(tzmdj_html);
        }else{
            return false;
        }
    }

    $(_target).closest("tr").find("td.prizeNums").html($("input[name='nums']").val());
    $(_target).closest("tr").find("td.prizeChance").html($("input[name='chance']").val());
    isAdd = true;
    $(".add-button").find("button").html("添加奖品");
    $(".prize_setting").find("input").not("input[type='radio']").not(".red_text").not('.object_expired_day').val("");
    $('.temp_img').attr('src', '');
}

});

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
软件求生 2018-12-20 06:32
关注
找共同特征啊，比如1、2、3，你写了三个这样的，你可以直接写一个函数就是创建span标签，把文本值设置为函数参数，每次再创建直接调用这个方法即可。

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

对以下代码结合实际写个详细的注释，阐述其中的原理？ opencv python pytorch
2022-04-30 19:41

回答 1 已采纳 #import 要用到的库 import operator import os import time import cv2 from PySide2 import QtGui from PySid
请教各位大神，我的代码带入例子结果是正确的，但总是超时，请问还有什么措施可以减少用时？ c++ 哈希算法
2021-06-01 20:48

回答 1 已采纳可以搜一下N个数中取n个数的全排列实现算法，然后改进一下。本例中for循环嵌套的话需要四层嵌套，如下： for(int a=0;a<N;a++){ for(int b=a+1;b<N;
python代码不变的情况下结果不同 python
2022-08-24 16:23

回答 3 已采纳代码贴出来看一下
如何保护前端JS代码？前端js代码加密
2018-08-05 08:40

weixin_42884230的博客 Web前端JS代码需要保护吗？这得具体情况具体分析。 1、如果只是写一段web页面...3、如果页面上有重要的功能是用JS代码管控的，比如交易逻辑、帐号密码信息、个人隐私、甚至有与远程服务器或数据库的通信等等，那...
想要在工程中引用mathnet.numerics包，但是总是出现下面的错误 c# 后端
2022-04-25 11:06

回答 2 已采纳换了个电脑好了
python 代码关机如何不显示这个弹框？ python
2022-08-10 23:21

回答 3 已采纳因为Windows 系统关机提示窗口中时间只能以分钟为单位,没有秒的单位你设置小于一分钟的时间, 提示窗口中屏幕显示的是一分钟内关机, 不是显示一分钟后关机
代码编译没错，但运行出现Process exited after 7.745 seconds with return value 3221225477 c语言
2023-02-14 09:17

回答 3 已采纳 b1[e] = a / b; 之前，你没有检查b是否为0
前端vue经典面试题78道（重点详细简洁）
2022-03-21 23:06

一染星辰的博客 1.自我介绍 2分钟，200-300个字，主旨自己基本情况，工作经历...2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期mm 单组件声明周期图挂载： beforeCreate => created =
C++随机数无重复放入数组，为什么最大只能跑到30000左右，再多就跑不出来 c++ 有问必答
2021-09-22 18:28

回答 1 已采纳可能是因为随机数生成器最多只能生成32768种结果你在代码中将上限改为32768还可以正常跑,但是改为32769就不行了,所以推测你的随机数生成只有32768种结果,无法找到第32769种结果,所以陷
在HTML写的input样式转为jsp时还是没有下划线，请问这什么原因？ css3 html5 javascript
2022-03-01 10:25

回答 1 已采纳我的想法哈：1，JSP没人用了。2，样式没生效的几种情况： 1，样式位置不对，需要在《style》内，或者《link》指向文件。 2，选择器不对，排除。想测试的话可以加一个明显一点的样式，比如文字大
用VS2019编译的一行代码：printf（“用时：％1f秒\n）”，（（float）t）/CLOCKS_PER_SEC)；的三个报错怎么解决 c语言有问必答
2021-09-11 22:08

回答 1 已采纳粘贴一下源代码应该都是语法错误
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
2021-12-25 22:22

有两把刷子的博客 2022年最新前端面试题热门题目（面经最全版）（蛋糕）...持续维护中，HTML和Css部分vue部分，Null，undefined，Boolean，Number，String，BigInt 、BigInt 、Object、1. **解构赋值、扩展运算符、class类、模块化 ...
为什么constructor要重新指回构造函数呢？ javascript 前端
2022-11-05 09:04

回答 2 已采纳 “constructor属性不影响任何JavaScript的内部属性。constructor其实没有什么用处,只是JavaScript语言设计的历史遗留物。由于constructor属性是可以变更的,
2024前端面试题总汇（持续更新中...）
2023-09-26 06:11

小菜猿_的博客前端面试八股文大全！！！！！
基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的吸烟行为检测系统（深度学习+Python代码+PySide6界面+训练数据集）
2024-03-12 16:30

思绪无限的博客本介绍了运用深度学习的吸烟行为检测系统，提供完整的实现代码见文末。该系统基于强大的YOLOv8算法，并对比了YOLOv7、YOLOv6、YOLOv5，分析其性能指标，如mAP、F1 Score等。深入解释了YOLOv8的原理，提供相应的...
拖拽式Vue组件代码生成平台(LCG)新版详细介绍
2021-01-07 20:02

Sahadev_的博客通过它可以快速完成Vue组件的代码骨架搭建，通过减少不必要的重复工作从而带来开发效率的提升。体验地址：https://lc.100tal.com/ 出现的背景做前端久了就难免会发现有一些工作其实是繁复的，它们有一些共同的...
【视觉SLAM十四讲】【逐行代码带你解析】【适合纯小白 ps:因为我就是】（持续更新中）
2023-07-27 19:14

R_ichun的博客大一大二东学学西学学了一大堆，这个暑假想往难一点的方向探索探索，以后想从事机器人行业，所以先从SLAM开始，希望这个暑假能把他更新完。SLAM是指Simultaneous Localization and Mapping，翻译过来就是同时定位与...
java 常用代码
2022-09-29 16:12

lwq597的博客 Java常用代码
没有解决我的问题, 去提问

悬赏问题

¥15 有赏，i卡绘世画不出
¥15 如何用stata画出文献中常见的安慰剂检验图
¥15 c语言链表结构体数据插入
¥40 使用MATLAB解答线性代数问题
¥15 COCOS的问题COCOS的问题
¥15 FPGA-SRIO初始化失败
¥15 MapReduce实现倒排索引失败
¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
¥15 找一位技术过硬的游戏pj程序员
¥15 matlab生成电测深三层曲线模型代码