একাধিক ক্লাস অপসারণ (jQuery)


615

এটি পুনরায় লেখার আরও ভাল কোনও উপায় আছে:

$('element').removeClass('class1').removeClass('class2');

আমি removeClass();এটি ব্যবহার করতে পারি না কারণ এটি সমস্ত ক্লাসগুলি মুছে ফেলবে, যা আমি চাই না।

উত্তর:


1127
$("element").removeClass("class1 class2");

থেকে removeClass(), বর্গ পরামিতি:

উপাদানগুলি থেকে সরানোর জন্য এক বা একাধিক সিএসএস ক্লাস, এগুলি স্পেস দ্বারা পৃথক করা হয়।



19

jQuery .removeClass()ডকুমেন্টেশন।

উপাদানগুলি থেকে সরানোর জন্য এক বা একাধিক সিএসএস ক্লাস, এগুলি স্পেস দ্বারা পৃথক করা হয়।


17

ডকুমেন্টেশন বলেছেন:

class (Optional) String
উপাদানগুলি থেকে সরানোর জন্য এক বা একাধিক সিএসএস ক্লাস, এগুলি স্পেস দ্বারা পৃথক করা হয়।

উদাহরণ:

ম্যাচ করা উপাদানগুলি থেকে 'নীল' এবং 'আন্ডার' শ্রেণিটি সরান।

$("p:odd").removeClass("blue under");

12

অনেক উপায় আছে যে করতে পারেন!

jQuery এর

  1. সমস্ত বর্গ অপসারণ করুন
    $("element").removeClass();
    OR
    $("#item").removeAttr('class');
    বা
    $("#item").attr('class', '');
    OR
    $('#item')[0].className = '';

  2. মাল্টি ক্লাস
    $("element").removeClass("class1 ... classn");
    OR মুছে ফেলুন
    $("element").removeClass("class1").removeClass("...").removeClass("classn");

ভ্যানিলা জাভাস্ক্রিপ্ট

  1. সমস্ত বর্গ অপসারণ

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

  1. মাল্টি ক্লাস অপসারণ

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';


2

সাদা দ্বারা ক্লাস পৃথক করুন space

$('element').removeClass('class1 class2');

1

সাদা স্থান দ্বারা আপনি যে ক্লাসগুলি সরাতে চান সেগুলি অবশ্যই আলাদা করতে হবে$('selector').removeClass('class1 class2');


0

JQuery ৩.৩.০ , এর থেকে অ্যারে পাস করা সম্ভব .addClass()removeClass()এবং toggleClass(), যা এমন কোনও যুক্তি রয়েছে যা কোন ক্লাস যুক্ত করা উচিত বা সরানো উচিত তা নির্ধারণ করে এমনটি যদি সহজ করে তোলে, কারণ আপনার স্পেস-সীমাবদ্ধ স্ট্রিংগুলির সাথে কোনও গোলমাল করার দরকার নেই।

$("div").removeClass(["class1", "class2"]); 
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.