我想点击这个按钮就删除相应的行
我的思路是
实现删除行，Javascript提供了 deleteRow(index) 根据行索引删除行
可是，不知道怎么获取行的索引？请指教。
或者，有没有其它方法实现点击按钮实现删除行
-
等级
本版专家分：635结帖率 89.29% -
利用Javascript在表格的每一行动态添加了一个input 按钮，并且添加了相应的按钮点击事件
我想点击这个按钮就删除相应的行
我的思路是
实现删除行，Javascript提供了 deleteRow(index) 根据行索引删除行
可是，不知道怎么获取行的索引？请指教。
或者，有没有其它方法实现点击按钮实现删除行展开阅读全文
-
等级
本版专家分：34751勋章
-
- 红花 2008年7月 硬件使用大版内专家分月排行榜第一
-
-
黄花
2012年6月 Web 开发大版内专家分月排行榜第二
2012年5月 Web 开发大版内专家分月排行榜第二
2011年5月 PHP大版内专家分月排行榜第二
2008年9月 硬件使用大版内专家分月排行榜第二
-
-
蓝花
2012年7月 Web 开发大版内专家分月排行榜第三
2011年8月 PHP大版内专家分月排行榜第三
2011年8月 Web 开发大版内专家分月排行榜第三
2011年7月 PHP大版内专家分月排行榜第三
2011年4月 Web 开发大版内专家分月排行榜第三
2008年9月 Windows专区大版内专家分月排行榜第三
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table id="tb">
<tr><td>TEST</td><td><input type="button" onclick="document.getElementById('tb').deleteRow(this.parentNode.parentNode.rowIndex);" value="REMOVE" /></td></tr>
</table>
</body>
</html>
-
等级
本版专家分：34751勋章
-
- 红花 2008年7月 硬件使用大版内专家分月排行榜第一
-
-
黄花
2012年6月 Web 开发大版内专家分月排行榜第二
2012年5月 Web 开发大版内专家分月排行榜第二
2011年5月 PHP大版内专家分月排行榜第二
2008年9月 硬件使用大版内专家分月排行榜第二
-
-
蓝花
2012年7月 Web 开发大版内专家分月排行榜第三
2011年8月 PHP大版内专家分月排行榜第三
2011年8月 Web 开发大版内专家分月排行榜第三
2011年7月 PHP大版内专家分月排行榜第三
2011年4月 Web 开发大版内专家分月排行榜第三
2008年9月 Windows专区大版内专家分月排行榜第三
-
-
写成函数可以这样做：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function rmRow(t) {
var idx = t.parentNode.parentNode.rowIndex;
document.getElementById('tb').deleteRow(idx);
}
</script>
</head>
<body>
<table id="tb">
<tr><td>TEST_ROW1</td><td><input type="button" onclick="rmRow(this);" value="REMOVE" /></td></tr>
<tr><td>TEST_ROW2</td><td><input type="button" onclick="rmRow(this);" value="REMOVE" /></td></tr>
</table>
</body>
</html>
-
等级
本版专家分：483 -
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function deleteSelf(obj) {
var trobj = obj.parentNode.parentNode;
trobj.parentNode.removeChild(trobj);
}
</script>
</head>
<body>
<table>
<tr><td>1</td><td><a href="#@" onclick="deleteSelf(this);">删除自己</a></td></tr>
<tr><td>2</td><td><a href="#@" onclick="deleteSelf(this);">删除自己</a></td></tr>
<tr><td>3</td><td><a href="#@" onclick="deleteSelf(this);">删除自己</a></td></tr>
</table>
</body>
</html>
-
等级
本版专家分：635
-
朋友，你的代码是无论点击哪一个按钮都是删掉最先的那一行
-
等级
本版专家分：635
-
这位朋友也是，你的代码是无论点击哪一个按钮都是删掉最先的那一行
-
等级
本版专家分：32891勋章
-
- 红花 2009年11月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2009年12月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2009年10月 Web 开发大版内专家分月排行榜第三
-
-
。。。2楼的没问题，lz仔细测
-
等级
本版专家分：0 -
有谁知道如何禁止拉动浏览器大小?!吗
http://topic.csdn.net/u/20110418/22/7e5b17a5-e255-417b-8196-3f095064aaf8.html?21601
- element-ui 点击行如何获取table的行索引
文档中有一个tableRowClassName方法，可以获取到当前行的index， ... //把每一行的索引放进row row.index = rowIndex; } </strong> 例子： 表头： <el-table :data="list"...
- element-UI单选框表格默认选中某一行高亮状态,点击某一行获取表格的行数(表格数据下标)以及setCurrentRow...
单选框表格默认选中某一行高亮状态 1.首先，element ui-----table添加表格属性highlight-current-row，官方解释为是否要高亮当前行，其次添加 ref=“multipleTable”， <el-table :data="tableData3" @row-...
- Element 中点击行如何获取 Table 的行索引
属性，可以获取到当前行的index <template> <el-table :data="tableData2" style="width: 100%" :row-class-name="tableRowClassName"> <...
- pandas DataFrame(2)-行列索引及值的获取
pandas DataFrame是二维的,所以,它既有列索引,又有行索引 上一篇里只介绍了列索引: import pandas as pd df = pd.DataFrame({'A': [0, 1, 2], 'B': [3, 4, 5]}) print df # 结果: A B 0 0 3 1 1 4 2...
- element-ui中如何拿到表格当前行的索引
@click="removeCondition(scope.$index,scope.row)" scope.$index就是当前点击行的索引
- 点击表格获取表格行或列索引
参考ASP.NET MVC的视图： 此段html将产生一个表格table。 ...现在我们需要实现，点击表格时，获取点击行...行索引： $('table tr').click(function () { var idx = $(this).index(); alert(idx);
- elementUI table组件获取表格当前行的索引
一般情况下，我们通过 scope.row 获取每一行的数据，但是怎么获取每一行的索引呢？ 答案就在下面： &lt;el-table max-height="290" :data="userTableData" border ...
- element-UI表格中拿到每一行的index----scope
element-UI表格中拿到每一行的index----scope
- 获取table中tr的索引号——sectionRowIndex
第一行 第二行 第三行 第四行 通过
- Antd之获取table每一行数据
先看效果图 第一步：在你的action外面套一个template 第二步：获取当前行的数据 第三步：测试 分别点击两个查看按钮，打印出不同的数据
- Vue+element 实现表格的增加行、根据索引删除行的功能
功能需求：1、实现一个表格，可以增加行 ，可以修改每一行的数据； 2、获取选中的行的数据，获取选中行的索引； 3、根据获取的行的索引删除相应的一行的数据。 tableData的数据是写死的，具体开发可以从后台...
- POI 获取Excel列数和行数的方法
//获取指定行，索引从0开始 hssfRow=hssfSheet.getRow(1); //获取指定列，索引从0开始 hssfCell=hssfRow.getCell((short)6);...//获取一个excel表格中的总记录数 int rowNum=storagesList.size
- handsontable的核心方法
1.为handsontable添加钩子方法 addHook(key,callback):key为钩子方法名 ...addHookOnce(key,callback)：添加只使用一次的方法，用完后自动删除 例如：hot.addHookOnce('beforeInit', myCallback); 2.添...
- python之表格数据读取
python 操作excel主要用到xlrd,xlwt这两个库，xlrd,是读取excel表，xlwt是写入表格 1.打开表格 table = xlrd.open("path_to_your_excel", 'rb') 一般时候需要进行判断，防止表格打开错误 try： ...
- BootStrap Table：事件、方法、多语言
官方文档地址：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/事件对BootStrap Table事件进行处理有以下两种语法：$('#table').bootstrapTable({ onEventName: function (arg1, arg2, ...) { ...
- jquery table表格 获取选中的某一行和某一列的值
选择 驾校名称 合作驾校名称</
- pandas详解（DataFrame篇）
文章目录引言：DataFrame： 引言： ...DataFrame即有行索引也有列索引，可以被看做是由Series组成的字典 至于对Series知识想进行回顾，请到我的这篇博文—pandas详解（Series篇） DataFrame： ...
- 利用pandas获取表格中每一行数据的最大值【python】
pandas可以说是python当中的表格处理神器，利用pandas可以实现很多使用的功能，下面脚本就是利用pandas找出每一行数据的最大值。 脚本一 import pandas as pd df = pd.read_csv('all_rc.tsv', index_col=0, header=0...
- jQuery表格获取奇偶行
有时要基于jQuery做表格的奇偶行做处理, 比如标注不同颜色, 或者获取值.等 2.学习/操作 暂见 https://blog.csdn.net/wzx735481897/article/details/73466075 在jQuery中: $('tabletr:even')...
- python 把一个excel表中的某行数据追加写入另外一个excel表
import xlwt,xlrd from xlutils.copy import copy wb_temp=xlrd.open_...sheet1=wb_temp.sheet_by_index(0) #根据索引获取第一个sheet row=sheet1.row_values(1)#获取第二行的内容，w为一个list wb_all=xlrd...
- python数据处理——取dataframe的一列或一行
df['w'] #选择表格中的'w'列，使用类字典属性,返回的是Series类型 df.w #选择表格中的'w'列，使用点属性,返回的是Series类型 df[['w']] #选择表格中的'w'列，返回的是DataFrame属性 data[0:2] #返回第1行到第2行...
- jTable怎么得到选中行的数据
参考代码如下： //单行 int getSelectedColumn() ...返回第一个选定行的索引；如果没有选定的行，则返回 -1。 Object getValueAt(int row, int column) 返回 row 和 column 位置的单元格值。 //多行
- Vue+element 实现表格的增加行、删除行的功能
功能需求： 1、实现一个表格，可以...3、根据获取的行的索引删除相应的一行的数据。 tableData的数据可以从后台获取。 效果： 代码实现： <template> <div class="tableDate"> <div class="b...
- jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
$('table tr:even') -> 表示获取一个table 所有的索引为偶数的行， 其中索引index 从0开始算起， 0算偶数！ $('table tr:odd') -> 表示获取一个table 所有的索引为奇数的行， 其中索引index 从0开始算起， 0...
- 第五章 pandas入门 DataFrame类型建立，获取行列数据，切片数据
纵向的索引叫做index（axis=0），横向的叫做columns（axis=1），既有行索引，也有列索引。 DataFrame常用于表达二维数据，但可以表达多维数据。 可以由如下类型创建： ①二维ndarray对象。 ②由一维...
- C# DataGridView如何获取选中行的某个数据
DataGridView的几个基本操作： 1、获得某个（指定的）单元格的值： dataGridView1.Row[i].Cells[j].Value;...3、获得当前选中行的索引： dataGridView1.CurrentRow.Index; 4、获得当前选中单元格的值： dataGridV
- easyui通过索引获取行数据
var rows = $('#tt').datagrid('getRows'); // get current page rows var row = rows[rowIndex]; // your row data
- abap 取数排序之后怎么取第一行
用索引读取 单行 要用索引从 内表中读取 单行，请使 用 READ 语句，用法 如下： ...系统用索引 从表格 中读取行。 这比用关键 字访问表格 要快（参见 读取有关键字的单行 ）。 如果找到有 指定索引的
- jquery 如何获取当前所在行的索引
$(sender).index();