可以使用Jquery中的siblings()和remove()方法实现。实现原理主要是使用siblings获取被点击元素之外的同级元素，然后使用remove()删除。
创新互联公司作为成都网站建设公司，专注成都网站建设公司、网站设计，有关成都定制网站方案、改版、费用等问题，行业涉及花箱等多个领域，已为上千家企业服务，得到了客户的尊重与认可。
jQuery siblings() 方法返回被选元素的所有同胞元素，并且可以使用可选参数来过滤对同胞元素的搜索。
可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。
remove这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
1、~用于析构函数的表示，#用于表示包含文件和预定义的开头。$在jQuery里用于取得变量，在c++，c#里没用特殊含义。
2、在jQuery中这样的用法的意义在于判断了第一个条件就不用计算第二个了。
3、jquery中post方法中问号表示后面紧跟的是参数名，比如：.post(queryUser.do？userId=123，funciton(data.status){ /// })这句话的意思是使用post请求调用接口querylist.do，并且传参数userId的值是123。
1、siblings()，可以返回元素的所有同胞元素。next()，可以获取到当前元素的下一个同胞元素。nextAll()，可以获取到当前元素的所有跟随的同胞元素。nextUntil()，可以获取到介于两个元素之间的所有跟随的同胞元素。
2、第一步：sizzle选择器基于元素的id、类、类型、属性、属性值等查找（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些特定的选择器。
3、jQuery选择器基本选择器基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。
4、jQuery支持多选，所以一次获取多个元素进行操作取决于你所写的选择器包含了哪些元素——如果只有一个元素，那就对一个元素进行操作；如果包含了多个元素，那就是都多个元素进行操作。
next()是在兄弟节点中，往后匹配；prev()是在兄弟节点中，往前匹配。 父级/子级节点的检索(检索深度N=1)children()是在子节点中，往后匹配。parent()是在父节点中，往前匹配。
这次给大家带来jQuery怎样获取同级元素，jQuery获取同级元素的注意事项有哪些，下面就是实战案例，一起来看一下。
red)； //取此对象的同级所有对象。$(.x).prev().css(background， red)； //取此对象的上一个对象。$(.x).prevAll().css(background， red)； //取此对象前面的所有对象。
打开html开发工具，新建一个html代码页面。在html页面创建三个p标签，然后给这三个p标签设置不同的内容。引入jquery库。在title标签后面引用下载好的jquery.js文件。
jquery获取父元素方法比较多，比如parent()，parents()，closest()，find，first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
检索深度N=1）find()检索的是子代元素和后代元素，不会检索兄弟节点。parents() 检索的是祖辈元素(包括父元素)的集合。
JQuery中用siblings()方法取兄弟节点的元素。jQuery.siblings() 是返回兄弟姐妹节点，不分前后。
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点 .prev()定义和用法 prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
siblings()，可以返回元素的所有同胞元素。next()，可以获取到当前元素的下一个同胞元素。nextAll()，可以获取到当前元素的所有跟随的同胞元素。nextUntil()，可以获取到介于两个元素之间的所有跟随的同胞元素。
有以下几种方法：parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合。
获取第一个子元素有如下方法：（1）：first 举：$(div.one：first)，获取所有class=one的div的第一个div子元素。
