$("td")click(function(){
//td的id
alert($(this)attr("id"));
//tr的id
alert($(this)parent()attr("id"));
});
思路：为<dt>元素添加click事件，使用$(this)获取到当前点击的dt对象，然后就可以使用attr()获取其属性，使用text()获取内容。实例演示如下:
1、HTML结构
<dl>
<dt><a href="#">基本设置</a></dt><dd>网站名称</dd><dd>缓存清理</dd>
<dt><a href="#">会员管理</a></dt><dd>添加会员</dd>
<dt><a href="#">产品管理</a></dt><dd>产品添加</dd>
</dl>
2、jquery代码
$(function(){
$("dl dt")click(function() {
var text = $(this)find("a")text(); // 找到当前点击的dt下的a标签并获取其内容
alert(text);
});
});
3、效果演示
JQuery通过类选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$(function () {
$("test")click(function () {
var val=$(this)attr("id");
alert(val);
})
})
</script>
</head>
<body>
<a id="user" class="test" href="#">User</a>
</body>
扩展资料：
JQuery通过ID选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$("#student")click(function () {
var val=$(this)attr("name");
alert(val);
})
</script>
</head>
<body>
<a id="student" name="Tom" href="#">Student</a>
</body>
JQuery通过元素选择器捕获click事件获取当前点击对象的id的实例代码：
<script>
$("input")click(function () {
var val=$(this)val();
alert(val)
})
</script>
</head>
<body>
<input id="btn" type="button" name="ok" value="Hello" />
</body>
你把当前的jquery对象传入进去就可以用了，例如：
<script src=">可以用jQ的index()方法，举例：
<table id="table1"><tr>
<td>第1行</td>
</tr>
<tr>
<td>第2行</td>
</tr>
<tr>
<td>第3行</td>
</tr>
<tr>
<td>第4行</td>
</tr>
</table>$('#table1')find('tr')click(function() {
var idx = $(this)index() + 1; // 索引是从0开始的，故+1
consolelog('点击了第' + idx + '行');
});
$(function() {
// 点击任意 li,全部 li 变色
$("#tree li")click(function(e) {
$(this)css("color", "red");
});
});$(function() {
// 点击第二层 li， 第二层 li 变色
$("#tree li li")click(function(e) {
$(this)css("color", "red");
});
});$(function() {
// 点击 JAVA 变色
$("#tree li li:first")click(function(e) {
$(this)css("color", "red");
});
});
以上就是关于jquery获取table中点击位置所在行的id全部的内容，包括:jquery获取table中点击位置所在行的id、如何用Jquery获取dl中某dt被单击时该dt的值、JQuery通过类选择器捕获click事件获取当前点击对象的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）