jquery如何获取div内第二个元素的值

在php中 , 可以使用eq()方法获得指定位置的元素对象 , 从而获得它的值 。 下面小编举例讲解jquery如何获取div内第二个元素的值 。

jquery如何获取div内第二个元素的值

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery若何获取div内第二个元素的值 。
jquery如何获取div内第二个元素的值

文章插图

2在test.html文件内 , 利用div建立一个模块 , 在div内 , 利用p标签建立多行内容 。
jquery如何获取div内第二个元素的值

文章插图

3在test.html文件内 , 设置div的id为mydiv , 用于下面获得对象 。
jquery如何获取div内第二个元素的值

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行getTwoValue()函数 。
jquery如何获取div内第二个元素的值

文章插图

5在js标签中 , 建立getTwoValue()函数 , 在函数内 , 经由过程id和元素名称获得div下的p标签对象 , 再利用eq(1)获得第二个p对象 , 利用text()方式获得它的内容 , 并利用alert()输出成果 。
jquery如何获取div内第二个元素的值

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看成果 。
jquery如何获取div内第二个元素的值

文章插图

总结:1【jquery如何获取div内第二个元素的值】1、利用div建立一个模块 , 在div内 , 利用p标签建立多行内容 。 2、设置div的id为mydiv , 用于下面获得对象 。 3、利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行getTwoValue()函数 。 4、在js标签中 , 建立getTwoValue()函数 , 在函数内 , 经由过程id和元素名称获得div下的p标签对象 , 再利用eq(1)获得第二个p对象 , 利用text()方式获得它的内容 , 并利用alert()输出成果 。


以上内容就是jquery如何获取div内第二个元素的值的内容啦 , 希望对你有所帮助哦!

    推荐阅读