小白教程
所有教程
关于
Search
172.71.254.117
172.71.254.117
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Misc unique”的源代码
本页内容
上一节:
Misc_type
下一节:
Misc_uniquesort
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:$.unique()}}[[Category:jquery ref misc|37]] = jQuery.unique()方法 = [[jquery ref misc|jQuery 杂项方法]] 从数组中删除重复的div元素 <sample title="" desc="" lang="html" hererun="1"> <div>document中有6个div块</div> <div></div> <div class="dup"></div> <div class="dup"></div> <div class="dup"></div> <div></div> <script> $(function () { // unique() 获取一个原始数组 var divs = $( "div" ).get(); // 添加 3 个div 块元素 divs = divs.concat( $( ".dup" ).get() ); $( "div:eq(1)" ).text( "重排序后有 " + divs.length + " 个元素。" ); divs = jQuery.unique( divs ); $( "div:eq(2)" ).text( "重排序后有 " + divs.length + " 个元素。" ) .css( "color", "red" ); }) </script> </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <style> div { color: blue; } </style> </head> <body> <div>document中有6个div块</div> <div></div> <div class="dup"></div> <div class="dup"></div> <div class="dup"></div> <div></div> <script> $(function () { // unique() 必须获取一个原始数组 var divs = $( "div" ).get(); // 添加 3 个div 块元素 divs = divs.concat( $( ".dup" ).get() ); $( "div:eq(1)" ).text( "重排序后有 " + divs.length + " 个元素" ); divs = jQuery.unique( divs ); $( "div:eq(2)" ).text( "重排序后有 " + divs.length + " 个元素" ) .css( "color", "red" ); }) </script> </body> </html> </run> == 定义和用法 == $.unique() 函数用于对DOM元素数组进行排序,并移除重复的元素。 '''注意:'''1. 仅适用于DOM元素数组,不能处理字符串或者数字数组。 2. 这里的重复指的是两个元素实际上是同一个元素(通过全等"==="来判断),例如不同节点属性相同的元素不被认为重复的元素。 3. 在jQuery 3.0中,这种方法已被弃用,只是jQuery.uniqueSort()的别名。请使用该方法代替。 == 语法 == $.unique( array ) {| class="table table-striped table-hover" ! 参数 ! 描述 |- | array | Array类型 指定的DOM元素数组。 |} [[jquery ref misc|jQuery 杂项方法]]
返回至“
Misc unique
”。
上一节:
Misc_type
下一节:
Misc_uniquesort