点击删除的时候,能找到当前条的数据,删除

##图片说明

这个数据不是后台给的,是选择填入的,就像录入一样

除了第一条,其它的都是模板字符串创建的,我在列表后面加入的botton,但是不知道如何获取按钮所在的这一条数据,我也写了一个方法

    这是jq,,.tbody_1为模板字符串的名称

            document.getElementById("botton2").onclick = function () {
         $(".tbody_1:eq()").remove();
    };
 <div class="layui-input-block">
                <h3 id="forms4"><span><img src="images/down.png" id="forms4_"/></span>仪器、设备及车辆清单</h3>
                <div id="apply3">
                    <table class="layui-table" lay-even="" lay-skin="row">
                        <colgroup>
                            <col width="90">
                            <col width="140">
                            <col width="140">
                            <col width="90">
                            <col width="60">
                            <col width="140">
                            <col width="200">
                            <col width="200">
                            <col width="200">
                            <col width="70">
                        </colgroup>
                        <thead>
                        <tr style="background-color: rgb(82, 131, 223);color:#fff">
                            <th>序号</th>
                            <th>类型</th>
                            <th>仪器、设备名称</th>
                            <th>型号</th>
                            <th>数量</th>
                            <th>用途</th>
                            <th>购置日期</th>
                            <th>检定日期</th>
                            <th>备注</th>
                            <th></th>

                        </tr>
                        </thead>
                    <div>
                        <tbody>
                        <tr >
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        1
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <select name="quiz">
                                            <option value="">请选择</option>
                                            <option value="接触粉尘类">接触粉尘类</option>
                                            <option value="接触物理因素类">接触化学因素类</option>
                                            <option value="接触粉尘类">接触物理因素类</option>
                                            <option value="接触物理因素类">接触生物因素类</option>
                                            <option value="接触粉尘类">接触放射因素类</option>
                                            <option value="接触物理因素类">其它类(特殊作业等)</option>
                                        </select>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <select name="quiz">
                                            <option value="">请选择</option>
                                            <option value="三联式观片灯">三联式观片灯</option>
                                            <option value="心电图机">心电图机</option>
                                        </select>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="model" lay-verify="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </td>
                            <td>1</td>
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="aim" lay-verify="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="layui-input-inline">
                                    <input type="text" name="buyed" id="buyed" lay-verify="buyed" placeholder="年-月-日" autocomplete="off" class="layui-input">
                                </div>
                            </td>
                            <td>
                                <div class="layui-input-inline">
                                    <input type="text" name="checked" id="checked" lay-verify="checked" placeholder="年-月-日" autocomplete="off" class="layui-input">
                                </div>
                            </td>
                            <td>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" name="remarks" lay-verify=" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </td>
            <!-- 删除按钮 -->
                        <td style="border-color:transparent !important;border-bottom:1px solid  transparent !important" id="table11">
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <button type="button" class="layui-btn layui-btn-sm layui-btn-danger botton2" id="botton2">删除</button>                                                  
                                    </div>
                                </div>
                            </td>
                        </tr>

 <!-- <td style="border-color:transparent !important;border-bottom:1px solid  transparent !important">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-btn-add" onclick="add()">继续添加</button>
            </div>
        </div>
    </td> -->
                        </tbody>
                    </div>
                    </table>
                </div>
         <!-- 继续增加按钮 -->
                <div class="layui-form-item continue">
                        <div class="layui-inline">
                            <div class="clearfix">


                                <!-- <span class="square" onclick="add()" style="text-align:center"><img src="images/continue.png" style=""/></span> -->
                                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-btn-add square" onclick="add()"><img src="images/continue.png" style=""/></button>
                                    <span class="words">继续添加</span>
                                <!-- <span class="words">继续添加</span> -->
                            </div>
                        </div>
                    </div>
                <div>                   
                    <div id="test1"></div>                    
                </div>
            </div>

2个回答

点击的时候 你只要能获取 当前条的 索引 index就行了。然后每次删除的时候直接删除数组对应的那条下标数据。

给delete按钮增加点击事件并绑定参数,参数为index或者为ID

<button type="button" class="layui-btn layui-btn-sm layui-btn-danger botton2" id="botton2" onclick="delete(index/当前数据的ID)">删除</button>

如果我的回答对您有所帮助,请您采纳,谢谢~~

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

2
一道C++的题,好像是对应的数据类型不对,但是实在是想不到如何修改好这个程序
1
使用MvcPager的时候,点击查询会使js失效
0
小程序删除某项导航时 点击导航出现问题
2
数据结构停车场管理系统
1
如何用VS2017新建 ASP.NET MVC项目身份验证开启后自动生成Model做添加删除和搜索Controller?
1
利用游标处理表数据问题求助
1
antd Tree控件如何动态添加删除节点,急!!!
0
大数据量Mysql查询后经过循环使用python分片
1
能有大佬帮我看一下这段代码问题在哪吗
0
myeclipse加载报表配置xml文件失败,项目无法正常运行,怎么解决?
0
数据库表中有用户信息,但什么Adodc1.Recordset.RecordCount=0 ?
0
SQL有数据,vb成功连上SQL,但为什么Adodc1.Recordset.RecordCount=0?
2
怎么解决微信小程序数据删除后有自动出现问题?
2
c# datagridview 控件 选择事件问题 不是点击
4
VS2010 MFC 只用CstdioFile 成员得话,如何替换,插入字符,
1
layui的分页+模糊查询
0
求出删掉最多数字的最少步数,怎么利用C语言程序编写代码的具体的方式来实现的
1
C语言,我明明把单链表的某个节点删除了,但单链表写入文件时还是会写入一些奇怪的东西?
1
android Room数据库框架 怎么自定义 sqlite db文件路径
2
请教各位大神:一种新的数组排序,初测速度是快速排序的50倍,有无市场价值,时间复杂度能计算出来吗?