多语言展示
当前在线:579今日阅读:26今日分享:39

jquery怎样获取一个元素下面相同子元素的个数

在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是属性,不是方法,注意不能带括号。

推荐信息