多语言展示
当前在线:1977今日阅读:22今日分享:22

jquery如何选取除某个元素外的所有元素?

在jquery中,可以通过获得某个元素下面的所有元素,使用not()方法将不操作的元素过滤掉。下面小编以删除某个元素外的所有元素为例,讲解jquery如何选取除某个元素外的所有元素。
工具/原料
1

html+jquery

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jquery如何选取除某个元素外的所有元素。

2

在test.html文件内,使用div标签创建一个模块,并在div内使用p标签创建三行文字。

3

在test.html文件内,设置div标签的id属性为mydiv,主要用于下面通过该id获得div对象,同时,分别设置每个p标签的class属性为aa,bb,cc。

4

在test.html文件内,使用button标签创建一个按钮,按钮名称为“删除元素”。

5

在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行del()函数。

6

在js标签内,创建del()函数,在函数内,通过$('#mydiv *')获得div内的所有元素对象,使用not()方法过滤掉不操作的元素类名(例如 ,不操作类名为bb的元素),最后,使用remove()方法元素。

7

在浏览器打开test.html文件,点击按钮,查看实现的效果。

总结:

1、创建一个test.html文件。 2、在文件内,使用div标签创建一个模块,并在div内使用p标签创建三行文字,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,获得div内的所有元素对象,使用not()方法过滤掉不操作的元素类名,从而实现选取除某个元素外的所有元素。

注意事项

jquery选择器选取某个元素下面的所有元素,要使用“*”来获得。

推荐信息