Định nghĩa và sử dụng .hasClass() trong jQuery

.hasClass('Tên lass'): Xác định thành phần có chứa class nhất định nào đó hay không.

HTML

<p class="test"></p>

jQuery

$('p').hasClass('test'); Trả về giá trị true.

$('p').hasClass('test01'); Trả về giá trị false.

Cấu trúc .hasClass() trong jQuery

Đã được thêm vào từ phiên bản 1.2

.hasClass('Tên class')

$('li').hasClass('test');

.hasClass(Bộ chọn)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('p').each(function(){
        var hClass = $(this).hasClass('test');
        if(hClass){
            $(this).append('<span> - thành phần có class="test"</span>');
        }
    });
});
</script>
</head>

<body>
<p class="test">Thành phần p</p>
<p>Thành phần p</p>
</body>
</html>

Hiển thị trình duyệt:

$(this).hasClass('test') kiểm tra tất cả thành phần p có class="test" hay không, nếu có sẽ add thêm nội dung <span> - thành phần có class="test"</span>

Viết câu trả lời

Drop Images

0 Bình luận