资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery点击行,jquery的点击事件

如何用jquery 找到table中按钮被点击后的那个行?

$(document).ready(function(){

10多年的龙文网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整龙文建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“龙文网站设计”,“龙文网站推广”以来,每个客户项目都认真落实执行。

var button=$("button");//找到被点击的按钮

//定义按钮点击事件

button.click(function(){

var clickRow=$(this).parents("tr")[0];//获取被点击按钮所在的行, 返回的是javascript 的DOM对象,要注意

});

});

jquery点击一行某个td,获取其他td的值

jquery就不用children了吧,直接用:

alert($(this).parent().parent().find("td:eq(0)").text());

对了,你这个 $(this) 要确定是这个 input 哦。

$("input[name='del']").each(function(){

alert($(this).parent().parent().find("td:eq(0)").text());

})

// 那除非你的tr里面有隐藏的列,你可以使用

alert($(this).parent().parent().html());

// 看一下是不是 trtd/tdtditem/tdtd111/tdtdinput //td/tr

JQuery点击行tr实现checkBox选中的简单实例

$(function

()

{

//除了表头(第一行)以外所有的行添加click事件.

$("tr").first().nextAll().click(function

()

{

//为点击的这一行切换样式bgRed里的代码:background-color:#FF0000;

$(this).children().toggleClass("bgRed");

//判断td标记的背景颜色和body的背景颜色是否相同;

if

($(this).children().css("background-color")

!=

$(document.body).css("background-color"))

{

//如果相同,CheckBox.checked=true;

$(this).children().first().children().attr("checked",

true);

}

else

{

//如果不同,CheckBox.checked=false;

$(this).children().first().children().attr("checked",

false);

}

});

});

以上这篇JQuery点击行tr实现checkBox选中的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。


当前文章:jquery点击行,jquery的点击事件
文章起源:http://cdkjz.cn/article/hogohp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220