01/10/2018, 17:16

Tìm phần tử có nội dung chứa chính xác một chuỗi trong JQuery

JQuery cung cấp cho chúng ta bộ lọc :contains() để lọc theo nội dung của những phần tử. Ok! Ví dụ như sau <p>Tôi học JQuery</p> <p>Tôi thích JQuery</p> <p>Nội dung linh tinh</p> <p>JQuery</p> Và chúng ta tiến hành lọc những tag p có nội dung ...

JQuery cung cấp cho chúng ta bộ lọc :contains() để lọc theo nội dung của những phần tử. Ok! Ví dụ như sau

<p>Tôi học JQuery</p>
<p>Tôi thích JQuery</p>
<p>Nội dung linh tinh</p>
<p>JQuery</p>

Và chúng ta tiến hành lọc những tag p có nội dung chứa chuỗi ‘JQuery’

$("p:contains('JQuery')");

Chúng ta có 3 thẻ p trả về có chứa chuỗi.

Giả sử trường hợp chúng ta chỉ muốn tìm những thẻ p có nội dung chỉ chứa chuỗi “JQuery” và không có bất kì nội dung nào khác . Chúng ta viết như thế này

$('p').filter(function() {
 return $(this).text() == 'JQuery';
 });

Thẻ p trả về sẽ là thẻ p cuối cùng vì thẻ p này chứa duy nhất chuỗi JQuery.


0