Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .nextAll() trong jQuery
Previous Lesson Next Lesson

.nextAll() trong jQuery

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

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

.nextAll()

$('p').nextAll();
.nextAll('Bộ chọn')

$('p').nextAll('.test');

.nextAll()

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(){
    $('li.second').nextAll().css('background-color','yellow');
});
</script>
</head>

<body>
<ul>
<li>li thứ nhất</li>
<li class="second">li thứ hai</li>
<li>li thứ ba</li>
<li>li thứ tư</li>
<li>li thứ năm</li>
</ul>
</body>
</html>

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

Ta thấy tất cả các thành phần li cùng cấp ngay sau thành phần li sử dụng .nextAll() đã được thêm background-color.

.nextAll('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(){
    $('li').nextAll('.test').css('background-color','yellow');
});
</script>
</head>

<body>
<ul>
<li>li thứ nhất</li>
<li>li thứ hai</li>
<li>li thứ ba</li>
<li class="test">li thứ tư</li>
<li>li thứ năm</li>
</ul>
</body>
</html>

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

Với cách sử dụng .nextAll('.test') ta đã xác định cụ thể thành phần có class="test" ngay sau thành phần

  • .

    Previous Lesson Next Lesson

    Viết câu trả lời

    Drop Images

    0 Bình luận

    Danh mục bài học

    Hoclaptrinh.vn © 2017

    From Coder With