JQuery সহ একাধিক ক্লাস নির্বাচন করা


222

আমি ভাল চেহারা পেয়েছি এবং এক jQuery নির্বাচক বিবৃতি যেমন নির্দিষ্ট শ্রেণীর সাথে মেলে সমস্ত উপাদান নির্বাচন করতে কিভাবে তা খুঁজে বের করতে পারে না:

$('.myClass', '.myOtherClass').removeClass('theclass');

কীভাবে এটি অর্জন করবেন তার কোনও ধারণা? একমাত্র অন্য বিকল্পটি করা

$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');

তবে আমি এটি বেশ কয়েকটি ক্লাসের সাথে করছি, সুতরাং এটির জন্য অনেক কোড দরকার।

উত্তর:


402

এই কাজ করা উচিত:

$('.myClass, .myOtherClass').removeClass('theclass');

আপনাকে প্রথম যুক্তিতে একাধিক নির্বাচককে অবশ্যই যুক্তিতে $ () এ যুক্ত করতে হবে, অন্যথায় আপনি jQuery কে একটি প্রসঙ্গ দিচ্ছেন যাতে অনুসন্ধান করতে হবে, যা আপনি চান তা নয়।

এটি CSS এ আপনি যেমন করতেন তেমনই।


3
আমি যদি এটির সাথে তাল মিলাতে চাই যখন প্রতিটি উপাদানটিতে সমস্ত নির্দিষ্ট ক্লাস থাকে?
ইসমাইলস

12
ঠিক আছে, আমি এটি পেয়েছি একটি স্ট্যাকওভারফ্লো . com/q/1041344/148271 । মূলত মোড়ের জন্য আমাকে সমস্ত নির্বাচককে যোগদান করতে হবে। লাইক$(".myClass.myOtherClass")
ইসমাইলস

সিএসএস গ্রুপিংয়ের বিষয়ে আরও: ডাব্লু 3 সি "গ্রুপিং"
স্কারঞ্জ

@ ওয়াল: সিএসএসেও এই কমাটি প্রয়োজনীয় CSS কমা ছাড়া এটি এর .myOtherClassঅভ্যন্তরে কোথাও উল্লেখ করা যেতে পারে .myClass
ekকতত্ত্ব

এই উত্তরটি প্রশ্নের উত্তর দেয় না, আপনি এইভাবে OR তৈরি করছেন !!!! না এবং !!
মাহমুদ খতিব


25

আমি ব্যবহার করি $('.myClass.myOtherClass').removeClass('theclass');


34
এই যদি একটি HTML উপাদান একাধিক শ্রেণীর আছে, এবং আপনি শুধুমাত্র সঙ্গে উপাদান জন্য ক্লাস অপসারণ করতে চান সব ঐ ক্লাস। অন্যান্য উদাহরণগুলি কমা দ্বারা পৃথককৃত কোনও ক্লাসের সাথে কোনও উপাদান থেকে শ্রেণিকে সরিয়ে ফেলবে। আপনার উদাহরণটি কেবল তখনই কার্যকর হবে যদি আমার এইচটিএমএল উপাদানগুলির উভয় থাকে , যেমন<div class="myClass myOtherClass theclass">
কেজজার

0
// Due to this Code ): Syntax problem.    
$('.myClass', '.myOtherClass').removeClass('theclass'); 

JQuery ডকুমেন্টেশন অনুযায়ী: https://api.jquery.com/m Multiple-selector/

কখন এইভাবে একাধিক ক্লাস নির্বাচন করতে পারেন:

jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.

সমস্ত নির্বাচককে একক '...' 'বা ডাবল কমাতে ঘিরে রেখে "..."

সুতরাং আপনার ক্ষেত্রে একাধিক ক্লাস কল করার সঠিক উপায় হ'ল:

$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass');  // Correct Code // Is valid.
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.