javascript获取table当前行的内容

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="gb2312">
 5 <meta name="author" content="http://www.yuanquanshuqian.com/" />
 6 <title>源泉书签</title>
 7
 8 <script>
 9     //删除行;(obj代表连接对象)
10     function deleteRow(obj){
11         //获取tr对象;
12         var mytd = obj.parentNode;
13         alert(mytd.innerHTML);
14     }
15         </script>
16
17 </head>
18 <body>
19 <table id="mylist">
20 <tr>
21 <td style=‘border:solid 1pt;WIDTH:344px;HEIGHT:21px‘ bgcolor=transparent>2012-12-02 09:45:01  <a href="#" onclick="deleteRow(this)">编辑</a> </td>
22 </tr>
23 </table>
24
25 </body> 

主要通过this来获取,配合parentNode方法

时间: 2024-08-26 05:21:00

javascript获取table当前行的内容的相关文章

Jqeury获取table当前行与指定列

今天遇到了一个Jqeury获取table当前行与指定列的问题: 大概的实现要求是一个页面中,上面有几个input输入框,下面有一个table,当在输入框中输入内容的时候,点击添加按钮的时候,在下面table中追加对应的代码,同时每行有 编辑.删除的操作.类似下面的页面操作: 下面是addTable(),就是点击按钮之后追加tr的操作 1 function addTable() { 2 ------ 3 //得到每个input的值 4 var goodsClassVar = $("#goodsCl

javascript 获取光标所选中的内容并插入到另一个文本框中(兼容ie和ff)

项目中正好用到 做下笔记方便以后查找 ie获取光标的位置使用document.selection.createRange() 火狐下使用document.getElementById(id).selectionStart 和 document.getElementById(id).selectionEnd 假设我们要获得id为txt的Textarea元素里面光标所选择的内容 首先创建一个获得光标所选内容的函数(参数:火狐下需要Dom元素 select_field=document.getElem

JavaScript获取table中某一列的值的方法

1.实现源码 <!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="C

Jquery 获取table当前行内容

$("a[name='checkOriginal']").click(function () { var parent = $(this).parent().parent().find("td"); var moduleEnum = parent.eq(7).text(); if(moduleEnum==""){ } alert(moduleEnmu);}); 原文地址:https://www.cnblogs.com/austinspark-je

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

获取table表格指定列的所有单元格的内容

获取table表格指定列的所有单元格的内容:本章节介绍一下如何获取表格指定列的所有单元格的内容,这可能在一些应用或者说扩展应用中会需要.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <titl

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

JavaScript | 选中并获取多行文本框内容的效果

JavaScript | 选中并获取多行文本框内容的效果 本文主要内容 1. 目标效果展示 2. 涉及的基本属性知识 3. 核心功能-选取的相关知识 1. 目标效果展示 如上,主要实现的是用户自定义选择多行文本框中的任何内容,然后把获取的内容放到按钮下的文本中作为内容的存放,最后通过点击按钮实现内容的设置,从而把用户需要的信息从大量的内容文本中获取出来.实现这种文本操作的功能,就必然需要考虑各方面的属性以及浏览器等兼容问题,接下来就一起来看看吧~~~ 2. 涉及的基本属性知识 2.1 inner

web开发学习笔记(4):js获取table的行数和表格中某一行某一列的内容

table的id="tab" 一.获取table的行数 var count=document.getElementById("tab").rows.length; 二.获取第i行第j列的内容(方式不止三种,根据实际情况选择,比较推荐方式一) 方式一: <pre name="code" class="html"><strong>var title=tab.rows[i].cells[j].children