.each Trong Jquery - Hoclaptrinh

Trang chủ » Sử Dụng Each Trong Jquery » .each Trong Jquery - Hoclaptrinh

Có thể bạn quan tâm

Love beautiful code? We do too.

  1. Home
  2. Posts
  3. .each trong jquery
  • Tất cả
  • My Feed
  • Đã giải quyết
  • Danh mục
  • Danh mục của bạn
.each trong jquery
  • Report
truongtuongtu avatar

truongtuongtu bắt đầu chủ đề từ 5 năm trước

@truongtuongtu ·

Định nghĩa .each() trong jquery

.each(): Thực hiện một hành động cho mỗi phần tử, mỗi lần thực hiện một phần tử, để làm được điều này ta cần sử dụng phương thức $(this).

Cấu trúc

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

.each(function(){} $("li").each(function(index){ $(this).addClass("list"+index); });

.each(function(){}

Code Html

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#target").click(function(){ $("li").each(function(index){ $(this).addClass("list"+index); }); }); }); </script> <style> .list0 { color: red; } .list1 { color: blue; } .list2 { color: yellow; } .list3 { color: green; } .list4 { color: gray; } .list5 { color: pink; } </style> </head> <body> <div style="background: #ecf9f9;border-radius: 4px; border: 1px solid #ddd; margin: 5px 0; padding: 10px;word-wrap: break-word;"> <div style="background: #fff; border: 1px dashed #ddd; margin: 5px; padding: 10px;"> <button id="target">click đổi màu</button> <ul> <li>list 01</li> <li>list 02</li> <li>list 03</li> <li>list 04</li> <li>list 05</li> <li>list 06</li> </ul> </div></div> </body> </html>

Kết quả:

  • Jquery
  • 0
  • 0

Unpublished comment

  • Preview

Viết câu trả lời

Drop Images

0 Bình luận

Hoclaptrinh.vn © 2017

From Coder With
  • Edit
  • Report

bắt đầu chủ đề từ ·

·

·

@ ·

Đăng nhập tài khoản

Đăng ký tài khoản mới

E-Mail Mật khẩu Ghi nhớ đăng nhập Đăng nhập Lấy lại mật khẩu Tên Username Email Mật khẩu Xác nhận mật khẩu Đăng ký Đăng nhập Facebook Đăng nhập Google Đăng nhập Github

Chưa có tài khoản ?

Đăng ký tài khoản mới

Đã có tài khoản ?

Đăng nhập tài khoản

Từ khóa » Sử Dụng Each Trong Jquery