Using jQuery add a new class to an element that already has a class

جي كويري

2021-09-17
mhanasmh00489829403

Using jQuery add a new class to an element that already has a class.

الأجوبة

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<p class="w3r_bg_orange">The best way we learn anything is by practice and exercise questions.</p>
<button id="button1">Click to see the effect</button>
</body>
</html>

CSS Code:

button {
    display: block;
    margin: 20px 0 0 0;
    } 
 
p {
    background: white;
  }
  .w3r_bg_orange{
    background: orange;
  }
  .w3r_bg_red {
    color: red;
  }

JavaScript Code :

$('#button1').click(function(){ 
$( "p" ).addClass(function( index, currentClass ) {
  var addedClass;
   if ( currentClass === "w3r_bg_orange" ) {
    addedClass = "w3r_bg_red";
    }
 return addedClass;
});
});

سجل الدخول لتستطيع الإجابة

هل كان المحتوى مفيد؟

0 نعم

0 لا

أسئلة مشابهة

Using jQuery add the class "w3r_font_color" and “w3r_background” to the last paragraph element

Using jQuery add the class " w3r_font_color " to the last paragraph element

Using jQuery check if the callbacks have already been called at least once

Add the following class "myclass" to the matched paragraph elements using jquery

القوائم الدراسية التي ينتمي لها السؤال

لايوجد قوائم حاليا

معلومات ذات صلة

جي كويري | JQUERY

تبحث عن مدرس اونلاين؟

ابحث عن مدرسك