用js如何实现点击任意一行跳转到另一画面

图片说明
比如说一点击第一行的任意位置就跳到了对这一行的编辑画面(本来是点击编辑按钮,现在要是点击这一行的任意位置可以跳转页面)

6个回答

点一行任意位置引发事件,只能为第一行绑定事件,就是TR元素,用JQuery有更简单的语法:
$("table tr").click(function(){
// this is you click handler logic
})

 <script>
function doclick(self){
  var cells = self.cells;
  for(var i=0;i<cells.length;i++){
     alert(cells[i].innerHTML);
  }
}
</script>
<body>
<table border='1'>
<tr  onclick='doclick(this)'>
  <td>11</td>
  <td>22</td>
</tr>
<tr onclick='doclick(this)'>
  <td>33</td>
  <td>44</td>
</tr>
</table>
sinat_30662609
sinat_30662609 实现不了呀
接近 5 年之前 回复

你给这个tr对象绑定onclick点击事件

sinat_30662609
sinat_30662609 绑定了但是function里面不会写呀
接近 5 年之前 回复

$("table tr").click(function(){
$(this).children("td");
})

利用事件捕获机制,侦听表单onclick事件,再来判断触发事件子元素

table.addEventListener("click",function(e){
var target=e.target;
//下面根据捕获到的target信息进行判断,以执行下一步跳转动作
},true);

sinat_30662609
sinat_30662609 其实看不太懂啊
接近 5 年之前 回复

给除头以外的Tr行绑定一个Click事件

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

Python+OpenCV计算机视觉

laiui的导航中如何实现点击某个导航就跳转到一个路由

laiui的导航中如何实现点击某个导航就跳转到一个路由 也就是实现router-link的功能

如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。

如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。 我想做的是当前页面表单填写完,点击下一步提交表单后本页面跳转到另一个表单填写页面

请问网页中如何用js实现跳转到指定行数?

如题,请问如何用js实现点击跳转到相应的网页位置(当前网页的位置,如回到顶部) 是否可以实现跳转到制定div?还是要指定跳转到坐标?求一个实例.谢谢先~

Swing 项目,点击按钮跳转到另一个页面

如题:本人刚刚接触Swing的知识,对什么都不懂。Swing 项目,点击按钮跳转到另一个页面 该如何实现呢?

自定义链接点击跳转到另一个窗体

登陆界面有一个自定义的注册链接,点击该链接,可以跳转到注册的页面,怎么实现?

通过点击按钮来实现页面跳转到一个在线网址,需要传参数过去,求指点一二

我现在需要实现点击本地页面中的一个按钮,跳转到另一个页面,这个页面还是在线的,还要讲原来页面上的信息传过去,请问应该如何才能实现?

从一个app跳转到另一个app的某个界面

以微信为例跳转到微信的附近的人的界面该如何实现,用intent意图会报permission 权限错误,有大神知道还有什么办法吗?![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/13.gif)

怎样点击一个字段,然后跳转到另外一个页面?

点击报警处理!然后怎样跳转到另外一个页面? var grid = new Ext.grid.GridPanel({ id:'alertGrid', region:'center', trackMouseOver : true, columns:[ {header:'设备编号',dataIndex:'devCode',sortable : true}, {header:'设备名称',dataIndex:'devName',sortable : true}, {header:'报警类型',dataIndex:'eventName',sortable : true}, {header:'报警区域',dataIndex:'area',sortable : true}, {header:'报警时间',dataIndex:'date',sortable : true}, {header:'报警处理',dataIndex:'processing',sortable:true} ],

怎么在本地网站点击一个flash跳转另一个界面?

![![这个为flash](https://img-ask.csdn.net/upload/201501/26/1422257181_790420.png)这个为bog](https://img-ask.csdn.net/upload/201501/26/1422257107_795190.png)

怎么从一个jsp页面跳转到另一个jsp而不经过action,是直接跳转?

怎么从一个jsp页面跳转到另一个jsp而不经过action,是直接跳转?

请教如何在一张图片中加入链接?点击图片跳转到指定的网页。如何实现?

如何在一张图片中加入链接?点击图片跳转到指定的网页。如何实现?在微信发送此图片,朋友点击图片然后实现这种。

点击grid的单元格,实现页面跳转另一个页面?

var formatToHref=function(val,params,record,rowindex,colindex,store){ return '<a href="xxxx.html¶m='+record+'">val</a>'; } :) 这样写代码有问题吗?

springmvc中如何在当前jsp页面跳转到另一个jsp页面

``` </head> <frameset rows="20%,*"> <frame src="<c:url value='top'/>" name="top"/> <frame src="<c:url value='welcome'/>" name="main"/> </frameset> </html> ``` springmvc中如何一个controller跳转到jsp页面了,如何在当前jsp页面跳转到另一个jsp页面 这是从controller进来的页面(页面都在WEB-INF下) 现在想跳转到top.jsp 和welcome.jsp 自己一直是404找不到页面,求大神指导

django网页redirect到本网页并跳转到另一个瞄点,怎么实现呢?

RT,我的网页模板只有一个,每次与服务器交互之后,希望跳转到该页的某一处预设瞄点,而不是打开另一个网页。怎么能实现呢?

关于JS的问题 能否用JS控制一个button跳转到不同的servlet?

function go() { var servlet_url=null; var Wafer_ID = document.getElementById("Wnum").value; var DieType = document.getElementById("Ptype").value; if(Wafer_ID!==null&&DieType==null){ servlet_url="../SelectInofByDieType"; }else if(DieType!==null&&Wafer_ID==null){ servlet_url="../SelectInfoByWaferID"; } top_text_from.action = servlet_url; top_text_from.submit(); } 我想根据当前from中用户输入的不同text控件判断当前需要跳转的页面 比如有两个text控件 用户在textA中输入内容后,点击button跳转到对应 Aservlet 用户在textB中输入内容后,点击button跳转到对应Bservlet

bootstrap table怎么样点击表格某一行内容跳转到该行内容的详情页(能够取到选中行的数据

详情页显示的是关于这一条内容的更多数据 注释掉的地方是做过的尝试 呜呜呜求大佬 ``` $('#table').bootstrapTable({ method: 'get', striped: true, pagination: true, singleSelect:true, dataType: 'json', pageNumber: 1, //初始化加载第一页,默认第一页 pageSize: 10, //每页的记录行数 onClickRow:function(row, $element) { // var row=$("#table").bootstrapTable('getSelections'); // var rowsid = row.serial; // // var selectedRow = $('#table').bootstrapTable("getSelected"); // alert(rowsid); // var row=$('#table').bootstrapTable('getSelections'); // $table.bootstrapTable('getSelections'). var row = $table.bootstrapTable('getRowByUniqueId', 1); }, columns: [ { checkbox: true }, { field: 'serial', title: '序列号' }, { ```

如何用js实现点击后在另一个div里显示传过来的图片对象

我有四个div <div id="sdiv1"><img id="myImg" src="images/s1.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv2"><img id="myImg" src="images/s2.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv3"><img id="myImg" src="images/s3.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv4"></div> 怎么实现点击图片后,在sdiv4中显示函数传过来的图片对象?sdiv4是隐藏的display="none"; 位置就在这三个div上面。 哪位大神帮帮忙?

安卓中fragment里面的一个按钮跳转到另一个activity,并且携带数据?

如题 安卓中fragment里面的一个按钮跳转到另一个activity,并且携带数据? 大家有什么办法吗

怎么从一个jsp页面跳转到另一个jsp,有哪些方法,不经过action?

怎么从一个jsp页面跳转到另一个jsp,有哪些方法,不经过action?用<a >?

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问