jquery如何获得div内最后一个p元素内容

 时间:2024-10-11 23:11:55

1、新建一个html文件,命名为test.html,用于讲解jquery如何获得div内最后一个p元素内容。

jquery如何获得div内最后一个p元素内容

2、在test.html文件中,在div内,使用p标签创建多行内容。

jquery如何获得div内最后一个p元素内容

3、在test.html文件中,给每一个p标签添加一个class属性,设置为test。

jquery如何获得div内最后一个p元素内容

4、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行getLastCon()函数。

jquery如何获得div内最后一个p元素内容

5、在js标签内,创建getLastCon()函数,在函数内,通过类名test和":last"选择器获得最后一个p元素对象,再使用text()方法获得它的内容,并使用alert()输出获得的内容。

jquery如何获得div内最后一个p元素内容

6、在浏览器打开test.html文件,点击按钮,查看结果。

jquery如何获得div内最后一个p元素内容
  • 两种纯html+css3实现六边形
  • 如何使用CSS3中的flex属性控制元素分块显示
  • jquery如何在div中添加元素
  • 导入:Hbuilder导入本地站点
  • 拉皮肉丝的做法
  • 热门搜索
    小学生疫情手抄报 小学生网络安全手抄报的句子 我读书我快乐手抄报内容 爱我中华手抄报内容 新学期新征程手抄报 关于网络安全的手抄报 六一手抄报简单又漂亮 我的书屋我的梦手抄报 保护牙齿手抄报 元宵节手抄报内容资料