Cách dùng :contains() Selector trong jQuery
Contains() Selector sẽ lựa chọn tất cả các phần tử có nội dung có chứa đoạn text được cung cấ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.
Văn bản text có thể xấ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 trong một phần tử kết hợp với nó. Văn bản bên trong :contains()
có thể được viết trống hoặc đặt trong một cặp dấu ngoặc kép. Chú ý là văn bản sẽ phân biệt chữ hoa chữ thường với các kết quả tìm kiếm.
Cú pháp
Cú pháp
1 | jQuery( ":contains(text)" ) |
Trong đó:
- Text là đoạn văn bản sẽ được tìm kiếm.
Ví dụ
Tìm kiếm tất cả các phần tử có nội dung chứa chuỗi "freetuts"
và đổi màu cho chúng:
Bài viết này được đăng tại [free tuts .net]
Code
RUN
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title>all demo</title> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <div>Freetut.net is a blog</div> <div>http //freetuts.net</div> <div>This is a test</div> <div>abcder</div> <button onclick= "myFunction()" >Click vào đây để xem kết quả</button> <script> function myFunction(){ $( "div:contains('freetuts')" ).css( "color" , "red" ); } </script> </body> </html> |
Kết quả:
Tham khảo: jquery.com
Cùng chuyên mục:
JQUERY SELECTOR
Cách dùng All Selector (“*”) trong jQuery
Cách dùng :animated Selector trong jQuery
Cách dùng Attribute Contains Prefix Selector [name|=”value”] trong jQuery
Cách dùng Attribute Contains Selector [name*=”value”] trong jQuery
Cách dùng Attribute Contains Word Selector [name~=”value”] trong jQuery
Cách dùng Attribute Ends With Selector [name$=”value”] trong jQuery
Cách dùng Attribute Equals Selector [name=”value”] trong jQuery
Cách dùng Attribute Not Equal Selector [name!=”value”] trong jQuery
Cách dùng Attribute Starts With Selector [name^=”value”] trong jQuery
Cách dùng :button Selector trong jQuery
Cách dùng :checkbox Selector trong jQuery
Cách dùng :checked Selector trong jQuery
Cách dùng Child Selector (“parent > child”) trong jQuery
Cách dùng Class Selector (“.class”) trong jQuery
Cách dùng :contains() Selector trong jQuery
Cách dùng Descendant Selector (“ancestor descendant”) trong jQuery
Cách dùng :disabled Selector trong jQuery
Cách dùng Element Selector (“element”) trong jQuery
Cách dùng :empty Selector trong jQuery
Cách dùng :enabled selector trong jQuery
Cách dùng :eq() Selector trong jQuery
Cách dùng :even Selector trong jQuery
Cách dùng :odd Selector trong jQuery
Cách dùng :file Selector trong jQuery
Cách dùng :first-child Selector trong jQuery
Cách dùng :first-of-type Selector trong jQuery
Cách dùng :first Selector trong jQuery
Cách dùng :focus Selector trong jQuery
Cách dùng :gt() Selector trong jQuery
Cách dùng Has Attribute Selector [name] trong jQuery
Cách dùng :has() Selector trong jQuery
Cách dùng :header Selector trong jQuery
Cách dùng :hidden Selector trong jQuery
Cách dùng ID Selector (“#id”) trong jQuery
Cách dùng :image Selector trong jQuery
Cách dùng :input Selector trong jQuery
Cách dùng :lang() Selector trong jQuery
Cách dùng :last-child Selector trong jQuery
Cách dùng :last-of-type Selector trong jQuery
Cách dùng :last Selector trong jQuery
Cách dùng :lt() Selector trong jQuery
Cách dùng Multiple Attribute Selector [name=”value”][name2=”value2″] trong jQuery
Cách dùng Multiple Selector (“selector1, selector2, selectorN”) trong jQuery
Cách dùng Next Adjacent Selector (“prev + next”) trong jQuery
Cách dùng Next Siblings Selector (“prev ~ siblings”) trong jQuery
Cách dùng :not() Selector trong jQuery
Cách dùng :nth-child() Selector trong jQuery
Cách dùng :nth-last-child() Selector trong jQuery
Cách dùng :nth-of-type() Selector trong jQuery
Cách dùng :nth-last-of-type() Selector trong jQuery
Cách dùng :only-child Selector trong jQuery
Cách dùng :only-of-type Selector trong jQuery
Cách dùng :parent Selector trong jQuery
Cách dùng :password Selector trong jQuery
Cách dùng :radio Selector trong jQuery
Cách dùng :reset Selector trong jQuery
Cách dùng :root Selector trong jQuery
Cách dùng :selected Selector trong jQuery
Cách dùng :submit Selector trong jQuery
Cách dùng :target Selector trong jQuery
Cách dùng :text Selector trong jQuery
Cách dùng :visible Selector trong jQuery
JQUERY EVENTS
Cách dùng .bind() trong JQuery
Cách dùng Click() trong jQuery
Cách dùng dblclick() trong jQuery
.blur() trong jQuery
JQUERY API
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT







