jquery获得某个div下的所有按钮

在jquery中, 可以通过each方法遍历div内的所有按钮, 从而获得它的相关属性值 。 下面小编举例讲解jquery获得某个div下的所有按钮 。

jquery获得某个div下的所有按钮

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1【jquery获得某个div下的所有按钮】新建一个html文件, 定名为test.html, 用于讲解jquery获得某个div下的所有按钮 。
jquery获得某个div下的所有按钮

文章插图

2在test.html文件内, 在div内, 利用button标签建立多个按钮, 用于测试 。
jquery获得某个div下的所有按钮

文章插图

3在test.html文件内, 设置div的class属性为mycc 。
jquery获得某个div下的所有按钮

文章插图

4在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。
jquery获得某个div下的所有按钮

文章插图

5在function方式内, 经由过程class和button元素名称获得button对象, 利用each方式遍历所有按钮, 再利用text方式获得每个按钮的名称, 并经由过程push方式将名称存入arr数组中 。 最后, 利用alert输出所有按钮名称 。
jquery获得某个div下的所有按钮

文章插图

6在浏览器打开test.html文件, 查看成果 。
jquery获得某个div下的所有按钮

文章插图

总结:11、在div内, 利用button标签建立多个按钮, 设置div的class属性为mycc 。 2、在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。 3、在function方式内, 经由过程class和button元素名称获得button对象, 利用each方式遍历所有按钮, 再利用text方式获得每个按钮的名称, 并经由过程push方式将名称存入arr数组中 。 最后, 利用alert输出所有按钮名称 。 4、在浏览器打开test.html文件, 查看成果 。


以上内容就是jquery获得某个div下的所有按钮的内容啦, 希望对你有所帮助哦!

    推荐阅读