Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    solution
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] ToggleClassHangLoat

    📖Cần ôn lý thuyết? Đọc bài giảng Buổi 14: Các công cụ hỗ trợ: Emmet, Git/GitHub, SASS, Bootstrap, jQuery — khóa Thiết kế Web

    Cho N phần tử, mỗi phần tử có tag, id, và danh sách class hiện có (hoặc '-' nếu rỗng).

    Thực hiện $(selector).toggleClass(className) cho TẤT CẢ phần tử khớp bộ chọn (tag hoặc #id):

    • nếu phần tử đó ĐANG có class đó thì loại bỏ,
    • nếu CHƯA có thì thêm vào.

    Hãy in ra danh sách class cuối cùng của mỗi phần tử (sắp xếp theo thứ tự bảng chữ cái, cách nhau bởi dấu phẩy, hoặc '-' nếu không còn class nào).

    • Định dạng đầu vào:

      Dòng 1: N. N dòng tiếp theo dạng tag|id|classes. Dòng kế tiếp: bộ chọn (tag hoặc #id). Dòng cuối: tên class cần toggle.

    • Ràng buộc đầu vào:

      1<=N<=100.

    • Định dạng đầu ra:

      In ra N dòng theo thứ tự ban đầu, dòng thứ i dạng: <id>: <classes sap xep>

    Ví dụ:

    Đầu vào:

    3
    div|d1|active,btn
    span|s1|-
    div|d2|btn
    div
    active
    

    Đầu ra:

    d1: btn
    s1: -
    d2: active,btn

    Chủ đề

    🌐 Thiết kế WebThiết kế WebThiết kế Web: Công cụ — Bootstrap & jQueryTất cả môn học

    Đang tải editor...