JSFiddle - React, Tailwind, and code Playground

by Trần Ngọc Minh

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="format"> div
<ul> ul
      <li id="li1"> li1 
          <span>span</span>
      </li>
      <li id="li2"> li2 
      </li>
      <li id="li3"> li3 
      </li>
</ul>
<p> Paragraph </p>

CSS

.format *{
  display:block;
  border: 2px solid yellow;
  padding:5px; 
  margin:10px;
}

JavaScript

$(document).ready(function(){
//dùng phương thức siblings() để trả về tập chứa các phần tử anh em của li có //id = "li1" và đóng viền đỏ:
//$("li#li1").siblings().css("border", "2px solid red");
//Bây giờ, trong tập chứa các phần tử anh em của li có id = "li1"  chúng ta //vừa nhận được, chúng ta muốn xoá phần tử anh em li có id = "li3" khỏi tập //này:
//$("li#li1").siblings().not("li#li3").css("border", "2px solid red");
//Hay chúng ta có thể dùng phương thức filter() như sau:
$("li#li1").siblings().filter("li#li2").css("border", "2px solid red");
});