在jquery中,可以通过获得元素对象,使用length属性获得元素的个数。下面小编举例讲解jquery怎样获取一个元素下面相同子元素的个数。
工具/原料
1
html+jquery
2
代码编辑器:zend studio 10.0
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解jquery怎样获取一个元素下面相同子元素的个数。
2
在test.html文件内,使用div标签创建一个模块,在div内,使用p标签,span标签创建多行文字。
3
在test.html文件内,给div标签添加一个id属性(moning),用于下面获得div对象。
4
在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行getSameEle()函数。
5
在getSameEle()函数内,通过div的id和元素名称(p)获得div下面p元素对象,使用length属性获得p元素的个数,并使用alert()方法输出个数。
6
在浏览器打开test.html文件,点击按钮,查看结果。
总结:
1、使用div标签创建一个模块,在div内,使用p标签,span标签创建多行文字。 2、在js中,通过div的id和元素名称(p)获得div下面p元素对象,使用length属性获得p元素的个数。
注意事项
length是属性,不是方法,注意不能带括号。
下一篇:如何更改鼠标指针形状?