JQ对子元素的兄弟元素进行更改

发布于 2022-01-06  131 次阅读


今天在开发的时候,想修改节点的子元素的兄弟元素的class,发现链式编程直接选中了父节点。

    $(".png").eq(active).addClass("hide").siblings().removeClass("hide");

    $(".gif").eq(active).removeClass("hide").siblings().addClass("hide");

解决思路一,用其他方法控制class

解决思路二:用each遍历再修改单独的class,代码如下




 $(".png").children().each(function (index, el) {

      if (index == active) {

        $(this).addClass("hide").siblings().removeClass("hide");

      }

    })

    $(".gif").children().each(function (index, el) {

      if (index == active) {

        $(this).removeClass("hide").siblings().addClass("hide");

      }

    })

  }



				
		
	

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。