可以使用Jquery中的siblings()和remove()方法实现。实现原理主要是使用siblings获取被点击元素之外的同级元素,然后使用remove()删除。完整的代码如下:
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站制作、邵东网络推广、成都小程序开发、邵东网络营销、邵东企业策划、邵东品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供邵东建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
运行的效果如下:
例如当点击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
运行的效果如下:
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('table tbody').html('');。
3、浏览器运行index.html页面,此时table中的tbody内容被成功清空了。
ObjecArray={};//清空
delete ObjecArray["whereExpression[" + i + "]"];//删除指定元素
1可以这样,首先获取一个随机数,范围在数据下表的范围内,比如0-3
2根据下标删除元素
1的实现可以参考:
var index = Math.ceil(Math.random()* arr.length);//arr是你的数组
2的实现比较复杂一点可以参考下面的写法,比较专业: