手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

用jQuery获取div下第一个或最后一个a标签的内容

时间:2024-10-12 12:48:09

1、新建一个html文件,命名为test.html,用于用jQuery获取div下第一个或最后一个a标签的内容。

用jQuery获取div下第一个或最后一个a标签的内容

2、在test.html文件内,使用div标签创建一个模块,在div内,使用a标签创建四个链接。

用jQuery获取div下第一个或最后一个a标签的内容

3、在test.html文件内,使用button标签创建两个按钮,按钮名称分别为“第一个a标签内容”,“最后一个a标签内容”。

用jQuery获取div下第一个或最后一个a标签的内容

4、在test.html文件中,给两个button按钮绑定onclick点击事件,当按钮被点击时,分别执行getfirst()函数和getend()函数。

用jQuery获取div下第一个或最后一个a标签的内容

5、在js标签中,创建一个getfirst()函数,在函数内,获得div下第一个a标签钱砀渝测($("#mydiv 锾攒揉敫a:first-child"))对象,通过text()方法获得第一个a标签的内容。

用jQuery获取div下第一个或最后一个a标签的内容

6、在js标签中,创建一个getend()函数,在函数内,获得div下a标签对象,使用last()方法获得最后一个a标签对象,通过text()方法获得该a标签的内容。

用jQuery获取div下第一个或最后一个a标签的内容

7、在浏览器打开test.html文件,分别点击按钮,查看实现的效果。

用jQuery获取div下第一个或最后一个a标签的内容
用jQuery获取div下第一个或最后一个a标签的内容
© 手抄报圈