1、html

 <ul class="user-menu-nav-block">
	<a href="me.html">
	    <li class="user-menu-nav-cur">主页 <span>></span></li>
	<a href="/user/course.html">
	    <li class="user-menu-nav">我的课程  <span>></span></li>
	<a href="/user/collect.html">
	    <li class="user-menu-nav">我的收藏  <span>></span></li>
	<a href="/user/info.html">
	    <li class="user-menu-nav">个人信息  <span>></span></li>
	<a href="/user/qa.html">
	    <li class="user-menu-nav">答疑  <span>></span></li>
2、jquery代码
 
$(document).ready(function(){
	// 左边导航栏控制
	$('.user-menu-nav-block a').click(function(){
		$(this).find('li').addClass('user-menu-nav-cur');       //find是获取this下的子元素，即当前点击的元素
		$(this).find('li').removeClass('user-menu-nav');
		$(this).siblings().find('li').addClass('user-menu-nav');//siblings是获取前被点击元素之外的同级元素
		$(this).siblings().find('li').removeClass('user-menu-nav-cur');
                    思路：获取被点击元素之外的元素，使用remove()方法删除节点。下面进行实例演示：实例一：    点击某个div后，删除同级的其余div元素：1、HTML结构&amp;lt;div class=&quot;content&quot;&amp;gt;    &amp;lt;div class=&quot;test&quot;&amp;gt;1&amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;test&quot;&amp;gt;2&amp;lt;/div&
				
$('tbody&gt;tr&gt;td&gt;span:contains("未完成")').parent().parent()
标签tbody下的tr下的td下的span标签中包含“ 未完成”。
$('tbody&gt;tr&gt;td&gt;span:contains("未完成"):first').parent().next().children().click()
找出包含未完成文本的标...
				
假如需要实现如下功能：点击某个按钮的时候，该按钮背景色变成#88b828，其他按钮背景色变成#15b494。这个时候，siblings这个API很有用，也很简单。
$(function(){
		$("#contentHolder input[type='but
var a = $('.red'); // 所有节点包含 `class="red"` 都将返回
// 例如:
// &lt;div class="red"&gt;...&lt;/div&gt;
// &lt;p class="green red"&..
	    e.currentTarget //是你绑定事件的元素
	    //获得点击元素的前一个元素
	    e.currentTarget.previousElementSibling.innerHTML
	    //获得点击元素的第一个子元素
				
$(".div1").click(function () {
        let span1 = $(this).find(".span1-1"); // 寻找子节点，包括子孙节点
        let parent = $(this).parent(".parent"); // $(this).parent() 寻找父元素
        let parents = $(this...
				
当同类名的元素层级比较复杂  无法用parent 和siblings快速选择元素时  可以运用not（this）方法  进行排他切换
例：类型为 .sidebar-collapse .menuItem
if ($(this).pathname == currentId){
$(’.sidebar-collapse .menuItem’).not(this).removeClass(“thirdAc...
$( document ).on("click", function( e ) {	
	if($(e.target).closest('.input-select-div').length &lt;= 0){
		$('.input-select-option').hide();
可以使用 jQuery 的 siblings() 方法获取一个元素的所有同级元素。例如，下面的代码将选择 id 为 myElement 的元素的所有同级元素：
$("#myElement").siblings();