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> li 
          <span>span</span>
      </li>
</ul>
<p> Paragraph </p>
</div>

CSS

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

JavaScript

$(document).ready(function(){
//Tìm phần tử cha trực tiếp của li và đóng viền màu đỏ
$("li").parent().css("border", "2px solid red");
/*
Phương thức parent() sẽ trả về một tập chứa phần tử cha (ul) của li. Giả sử chúng ta muốn thêm phần tử p (nội dung Paragraph) vào tập chứa phần tử cha (ul) của li và hiển nhiên lúc này p sẽ có cùng định dạng với phần tử cha ul (viền đỏ)
*/
$("li").parent().add("p").css("border", "2px solid red");
});