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 id="ul1"> ul 1
<ul id="ul2"> ul 2
      <li id="li1">li 1
          <span>span</span>
      </li>
      <li id="li2">li 2
      </li>
	<li id="li3">li 3
      </li>
	<li id="li4">li 4
      </li>
</ul>
</ul>
</div>

CSS

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

JavaScript

$(document).ready(function(){

//trả về tập chứa tất cả các phần tử anh em của phần tử li có id="li1" và
//đóng viền đỏ
   $("li#li1").siblings().css({"border": "2px solid red"});
});