JQuery，如何清除除被點擊元素以外的所有元素？

您可以在Jquery中使用siblings()和remove()方法。實現原理主要是用siblings獲取被點擊元素以外的兄弟元素，然後用remove()刪除。完整的代碼如下:

該操作的效果如下:

例如，當點擊div內容為2的框時，其他DIV將被清除，DIV內容為2的框將被移動到頂部。點擊後的效果圖如下:

擴展數據:

如果想突出移動到頂部的框，比如給背景顏色，增加字體，可以使用css()方法。代碼如下:

& lt！doctype html & gt

& lthtml & gt

& lthead & gt

& ltmeta charset="utf-8 " >

& lttitle & gtJQuery示例

& ltlink href = " _ _ CSS _ _/base . CSS " rel = " style sheet " & gt；

& ltscript src = " _ _ JS _ _/jquery . min . JS " & gt；& lt/script & gt；

& lt/head & gt；

& ltbody & gt

& lt腳本& gt

$(function(){

$(".class1 ")。單擊(函數(){

$(這個)。兄弟姐妹()。移除()；？

$(這個)。CSS({ " background-color ":" yellow "，" font-size ":" 50px " })；？

});

});？

& lt/script & gt；

& ltdiv class="main " >

& ltdiv class="class1 " >1 & lt；/div & gt；

& ltdiv class="class1 " >2 & lt/div & gt；

& ltdiv class="class1 " >3 & lt/div & gt；

& ltdiv class="class1 " >4 & lt/div & gt；

& lt/div & gt；

& ltstyle type="text/css " >

。主{寬度:640px高度:500px邊距:0自動；邊框:1px純紅；}

. class 1 {寬度:90%；身高:100 px；邊距:0自動；邊框:1px純紅；保證金-頂:10px；字體大小:40px}

& lt/style & gt；

& lt/body & gt；

& lt/html & gt；

該操作的效果如下: