Tôi đã có một cái nhìn tốt và dường như không thể tìm ra cách chọn tất cả các phần tử khớp với các lớp nhất định trong một câu lệnh chọn jQuery như sau:
$('.myClass', '.myOtherClass').removeClass('theclass');Bất kỳ ý tưởng về làm thế nào để đạt được điều này? Lựa chọn duy nhất khác là làm
$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');
Nhưng tôi đang làm điều này với khá nhiều lớp, vì vậy nó đòi hỏi nhiều mã.
Câu trả lời:
Điều này sẽ làm việc:
$('.myClass, .myOtherClass').removeClass('theclass');
Bạn phải thêm nhiều bộ chọn tất cả trong đối số đầu tiên vào $ (), nếu không, bạn đang tạo cho jQuery một bối cảnh để tìm kiếm, đó không phải là điều bạn muốn.
Nó giống như bạn làm trong CSS.
$(".myClass.myOtherClass")
.myOtherClassmột nơi nào đó bên trong .myClass.
Bạn đã thử điều này?
$('.myClass, .myOtherClass').removeClass('theclass');tôi sử dụng $('.myClass.myOtherClass').removeClass('theclass');
<div class="myClass myOtherClass theclass">
// Due to this Code ): Syntax problem.
$('.myClass', '.myOtherClass').removeClass('theclass');
Theo tài liệu của jQuery: https://api.jquery.com/multipl-selector/
Khi có thể chọn nhiều lớp theo cách này:
jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.
bằng cách đặt tất cả các bộ chọn trong một dấu phẩy '...' hoặc dấu phẩy kép, "..."
Vì vậy, trong trường hợp của bạn, cách chính xác để gọi nhiều lớp là:
$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass'); // Correct Code // Is valid.