jquery 点击当前元素获取它的子元素id
当点击当元素时，获得当前元素对象，使用children()方法取得子元素，使用attr()方法取得子元素的id。下面小编举例讲解jquery点击当前元素获取它的子元素id。
工具/原料
- html+jquery
- 代码编辑器：Dreamweaver CS5
方法/步骤
- 1
新建一个html文件，命名为test.html，用于讲解jquery点击当前元素获取它的子元素id。
- 2
在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
- 3
在test.html文件内，创建一个div模块，在div内，使用p标签创建一行文字。
- 4
在test.html文件内，给p标签设置id属性，定义其属性值为myid，下面将使用jquery方法获得该id。
- 5
在test.html文件内，给div绑定onClick点击事件，当div被点击时，执行myfun()函数，并把当前对象（this）传递至函数内。
- 6
在js标签内，创建myfun()函数，在函数内，使用$符号通过上一步传递过来的this获得当前元素对象，使用children()方法取得子元素，使用attr()方法取得子元素的id，最后，使用alert()方法输出id。
- 7
在浏览器打开test.html文件，点击按钮，查看实现的效果。
END
总结：
- 1
1、创建一个test.html文件。
2、在文件内，创建一个div模块，在div内，使用p标签创建一行文字，同时使用button标签创建一个按钮，用于点击触发执行js函数。
3、在js标签内，创建函数，在函数内，使用$符号通过this获得当前元素对象，使用children()方法取得子元素，使用attr()方法取得子元素的id。END
注意事项
- 在jquery中，this是关键字，常用于表示当前对象。
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。