Cho N phần tử, mỗi phần tử có tag, id, và danh sách class ban đầu (hoặc '-' nếu rỗng).
Sau đó có M lệnh jQuery được thực hiện lần lượt (lệnh sau thấy kết quả của lệnh trước, vì bộ chọn có thể dựa vào class hiện tại). Mỗi lệnh có dạng:
<selector> <classname>'<selector> <classname>'<selector> <classname>'trong đó <selector> là MỘT bộ chọn đơn giản thuộc 1 trong 3 dạng: tag, .classname, #id (áp dụng cho TẤT CẢ phần tử khớp tại thời điểm thực hiện lệnh đó).
Hãy in ra trạng thái class cuối cùng của mỗi phần tử theo đúng thứ tự ban đầu.
Dòng 1: N. N dòng tiếp theo dạng tag|id|classes. Dòng kế tiếp: M (số lệnh). M dòng tiếp theo, mỗi dòng dạng: <lenh> <selector> <classname> (lenh là addClass/removeClass/toggleClass; selector không chứa khoảng trắng).
1<=N<=50; 1<=M<=50.
In ra N dòng theo thứ tự ban đầu, dòng thứ i dạng: <id>: <classes sap xep theo bang chu cai, cach nhau dau phay, hoac '-' neu rong>
Ví dụ:
Đầu vào:
3
div|d1|active
span|s1|-
div|d2|-
2
addClass div highlight
removeClass .active active
Đầu ra:
d1: highlight
s1: -
d2: highlight
Đang tải editor...