CSS3: :contains() CSS3


Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên

Mô tả: :contains() dùng để chọn tất cả các phần tử có chứa văn bản được chỉ định.

Văn bản tìm kiếm có thể xuất hiện trực tiếp trong phần tử đã chọn, trong bất kỳ phần tử con nào của phần tử đó hoặc cả hai.

Ví dụ:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>contains demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
<script>
$( "div:contains('John')" ).css( "text-decoration", "underline" );

</script>
</body>
</html>
 
Ví dụ trên sẽ tìm những thẻ <div> có chứa chữ 'John', nếu tìm thấy sẽ gạch chân văn bản chứa trong thẻ <div> đó.
 
Kết quả:
 
John Resig
 
George Martin
 
Malcom John Sinclair
 
J. Ohn
» Tiếp: Cách tạo chân đường link
« Trước: Cách tạo đường thẳng nhiều màu
Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên
Copied !!!