jquery清空数组,jquery清空元素

JQuery，如何清除，除了点击的元素以外，其他所有元素

可以使用Jquery中的siblings()和remove()方法实现。实现原理主要是使用siblings获取被点击元素之外的同级元素，然后使用remove()删除。完整的代码如下：

运行的效果如下：

例如当点击DIV内容为2的框时，其他的DIV被清除，内容为2的框移到最顶，点击后的效果图如下：

扩展资料：

如果想对移到最顶的框进行一定的突出显示处理，比如给个背景颜色，字体加大，可以利用css()方法，代码如下：

!doctype html

html

head

meta charset="utf-8"

titleJQuery例子/title

link href="__CSS__/base.css" rel="stylesheet"

script src="__JS__/jquery.min.js"/script

/head

body

script

$(function(){

$(".class1").click(function() {

$(this).siblings().remove();

$(this).css({"background-color":"yellow","font-size":"50px"});

});

});

/script

div class="main"

div class="class1"1/div

div class="class1"2/div

div class="class1"3/div

div class="class1"4/div

/div

style type="text/css"

.main{width:640px;height:500px;margin:0 auto;border:1px solid red;}

.class1{width:90%;height:100px;margin:0 auto;border:1px solid red;margin-top:10px;font-size:40px;}

/style

/body

/html

运行的效果如下：

相关问答

Q1: jquery怎么清空table的tbody中的数据

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：$('table tbody').html('');。

3、浏览器运行index.html页面，此时table中的tbody内容被成功清空了。

Q2: jquery 对象数组操作

ObjecArray={};//清空

delete ObjecArray["whereExpression[" + i + "]"];//删除指定元素

Q3: jquery的问题，有一个数组比如是[1.3.5.9]，怎么每次随机删除其中一个数组元素，直到把所有元素删除

1可以这样，首先获取一个随机数，范围在数据下表的范围内，比如0-3

2根据下标删除元素

1的实现可以参考：

var index = Math.ceil(Math.random()* arr.length);//arr是你的数组

2的实现比较复杂一点可以参考下面的写法，比较专业：