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://hbruida.cn/article/hogohp.html