Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..) 
Các sự kiện (Event) trong Javascript 
Các cách khai báo biến trong Javascript 
Hàm alert() - confirm() - prompt() trong javascript 
Javascript là gì? Tìm hiểu ngôn ngữ lập trình javascript 
Các hàm xử lý ngày tháng trong Javascript 
Function trong Javascript - cách tạo hàm và gọi hàm trong JS 
Khai báo và duyệt mảng trong javascript 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng 
Thẻ Table trong HTML (colspan, rowspan, cellpadding và cellspacing) 
Phân biệt HTML Elements và HTML Attributes Cách dùng :has() Selector trong jQuery
:has() Selector sẽ lựa chọn tất cả các phần tử mà trong phần tử đó có chứa ít nhất một phần tử được tìm thấy trong selector chỉ định.
Selector $( "div:has(p)" ) sẽ tìm kiếm các thẻ div mà bên trong nó có chứa ít nhất một thẻ p.
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
Cú pháp
Cú pháp
jQuery( ":has(selector)" )
Trong đó:
- selector là một bộ chọn nào đó.
Ví dụ
Tìm kiếm thẻ div có chứa thẻ p và đổi màu nền cho chúng:
Code
RUN
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Học lập trình miễn phí tại freetuts.net</title>
<script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<h1>Học lập trình miễn phí tại freetuts.net</h1>
<div>
<p class="ab sd">Đây là thẻ p đầu tiên</p>
<p>Đây là thẻ p thứ 2</p>
<p>Đây là thẻ p thứ 3</p>
</div>
<div>
<span>Đây là thẻ span thứ 1</span>
<span class="ab va">Đây là thẻ span thứ 2</span>
<span>Đây là thẻ span thứ 3</span>
</div>
<button onclick="myFunction()">Click vào đây để xem kết quả</button>
<script>
function myFunction(){
$( "div:has(p)" ).css( "background", "red");
}
</script>
</body>
</html>Kết quả:
Tham khảo: jquery.com
