jQuery如何实现点击页面获得当前点击元素的id或其他信息

如下代码可以实现点击页面获得被点击元素的id

$(document)click(function(e) { // 在页面任意位置点击而触发此事件

  $(etarget)attr("id");       // etarget表示被点击的目标

})

示例代码如下

创建Html元素

<div class="box">

<span>点击页面后，设置被点击元素背景色并获取其id：</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

<div id = "test3">test3</div>

</div>

</div>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

divcontent div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document)click(function (e) {

$(etarget)addClass('bg');     // 设置背景色

alert($(etarget)attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

1、首先给div绑定click事件。

2、通过this，结合parents方法找到tr。

3、通过attr方法获取id的值。

4、具体代码

1

var tr_id=$(this)parents("tr")eq(0)attr("id");

拓展：parents()和attr()方法具体说明可查看Jquery官方文档。

1、新建一个html文件，命名为testhtml。

2、在testhtml文件中，使用script标签加载jqueryminjs文件，成功加载该文件，才能使用jquery方法。

3、在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。

4、在testhtml文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。

6、在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。

7、在浏览器打开testhtml文件，点击按钮，查看结果。

windowonload = function(){

var arr = documentgetElementsByTagName('button');

for(var i = 0;i<arrlength;i++){

arr[i]onclick = function(){

alert(thisid);

}

}

}

b1

b2

b3

b4</arrlength;i++){

<button  type="button" id="sdfasdf "  onclick="test_1(thisid)">提交</button>

<script language="javascript">

function test_1 (id)

{

    alert(id);

}

</script>

这样即可，如果用jquery，最好是用选择器选择到button再来响应。

因为onclick触发式，你写的处理脚本取的this，是方法本身，而不是button。

android中的列表通常就是指ListView列表控件，ListView数据和视图需要Adapter来处理。

点击某列，获取Item的ID方法：

使用自定义Adapter,即继承BaseAdapter，并重写BaseAdapter相关方法。

ListView 设置适配器，listViewsetAdapter(adapter);

给ListView注册条目点击事件，listViewsetOnItemClickListener(new AdapterViewOnItemClickListener(){ public void  onItemClick (AdapterView<> parent, View view, int position, long id){//点击条目的时候执行}

});

在onItemClick中处理条目点击事件，以下是onItemClick的参数：

View就是条目视图

position就是ListView的条目，即第几条

id 就是Adapter返回的ID

以上就是关于jQuery如何实现点击页面获得当前点击元素的id或其他信息全部的内容，包括:jQuery如何实现点击页面获得当前点击元素的id或其他信息、jquery获取table中点击位置所在行的id、js如何获取动态的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！