Js获取当前button的table的id

朱雀 2022-10-28 11:28 163阅读 0赞

1、html代码

<table class="table table-bordered" id="tb_purpose" style="width:100%">
    				<thead>
    					<tr>
    						<th class="col-md-1" colspan="2">
    							1、目的
    						</th>
    						<th class="col-md-1">
    							<button id="btn_add" type="button" class="btn btn-info btn-sm">+</button>
    						</th>
    					</tr>
    				</thead>
    				<tbody>
    					<tr>
    						<td class="col-md-1">1.1 <span  class="hide">1</span></td>
    						<td class="col-md-10 ">
    							<input type="text" class="form-control" id="txt_purpose" value="无" style="max-width: 100%;">
    						</td>
    						<td><button name="btn_add1" type="button" class="btn btn-info btn-sm">+</button><button name="btn_del1" type="button" class="btn btn-danger btn-sm">-</button></td>
    
    					</tr>
    				</tbody>
    			</table>

2、js代码：

$(document).ready(function () {
    	$('tbody').on('click', '.btn-info', function () {
    		var currId = ($(this).parents('tr')[0].children[0].children[0].innerText) * 1;//当前标签的序号
    		curr = $(this);
            var tableId=curr.parents('table').attr('id');
    }});

![20210206105946352.png][]

[20210206105946352.png]: /images/20221024/0f5907833913476790f2435e332cd6f0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 通过绑定事件获取table 当前行中的id

<template> <div class="search" style="width: 500px;margin: 0 auto;text-ali...

曾经终败给现在/ 2024年04月18日 12:43/ 0 赞/ 52 阅读

相关 Js获取当前button的table的id

1、html代码 <table class="table table-bordered" id="tb_purpose" style="width:100%">

朱雀/ 2022年10月28日 11:28/ 0 赞/ 164 阅读

相关 jquery获取table当前行的内容，table所有内容

<!DOCTYPE html> <html> <head> <meta charset="gb2312">

た入场券/ 2022年07月27日 14:43/ 0 赞/ 213 阅读

相关 wordpress获取当前页面的ID值

在wodrpress的主题制作或者主题修改的时候，经常需要获取当前页面的ID值。所以说获取当前页面的ID值，还是相当重要的。因为是小白，所以说没有老鸟那么熟练，所

叁歲伎倆/ 2022年05月29日 00:48/ 0 赞/ 420 阅读

相关 JS-获取当前URL的参数

链接：[http://localhost:8080/test/upload?test1=1&test2=2][http_localhost_8080_test_upload_t

布满荆棘的人生/ 2022年05月20日 07:21/ 0 赞/ 323 阅读

相关 element-ui 获取当前行的 id

目的：element-ui 获取当前行的 id 我们需要获取当前行的 id ，然后去做增删改查操作。找了半天发现，获取每一行的全部信息（也就是你自己定义数组的某一项）

你的名字/ 2022年05月10日 10:20/ 0 赞/ 635 阅读

相关 js获取当前日期

//获取当前时间，格式YYYY/MM/DD function getNowFormatDate() { var date = new Date

忘是亡心i/ 2022年05月09日 01:04/ 0 赞/ 548 阅读

相关 json数据获取当前id的所有父级id,并排序

我做的是一个城市信息json数据 json数据类型： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20181212105

系统管理员/ 2022年04月05日 10:58/ 0 赞/ 248 阅读

相关 js获取当前页面的URL

在很多场景中我们需要在某个界面（不能确定的界面）跳转到另一个界面进行某项操作，然后操作完毕之后重新跳转到之前的页面（如浏览商品的过程中进行登录，登录后返回到浏览商品的界面），因

Myth丶恋晨/ 2021年09月26日 06:22/ 0 赞/ 538 阅读

相关 Access、Sql 获取当前插入的主键ID

![复制代码][copycode.gif] public int AddSale(SaleModel model) \{

拼搏现实的明天。/ 2021年09月19日 09:36/ 0 赞/ 326 阅读