jQuery تجد #ID، removeclass و addclass

Question

لدي HTML التالية

<div id="testID" class="test1">
        <img id="testID2" class="test2" alt="" src="some-image.gif" />
    </div>

أرغب في الأساس في الوصول إلى # TestID2 واستبدال .test2 فئة مع .test3 فئة؟

حاولت

jQuery('#testID2').find('.test2').replaceWith('.test3');

ولكن هذا لا يبدو للعمل؟

أيه أفكار ؟

Answer 1

jQuery('#testID2').find('.test2').replaceWith('.test3');

دلالة، أنت تختار العنصر مع المعرف testID2, ، فأنت تبحث عن أي عناصر ننسية مع الفصل test2 (غير موجود) ثم تقوم باستبدال هذا العنصر بعنصر آخر (عناصر في أي مكان في الصفحة مع الفصل test3) هذا أيضا غير موجود.

تحتاج إلى القيام بذلك:

jQuery('#testID2').addClass('test3').removeClass('test2');

هذا يختار العنصر مع المعرف testID2, ، ثم يضيف الفصل test3 لذلك. أخيرا، يزيل الفصل test2 من هذا العنصر.

Answer 2

$('#testID2').addClass('test3').removeClass('test2');

addclass jquery. API المرجع

Answer 3

جرب هذا

$('#testID').addClass('nameOfClass');

أو

$('#testID').removeClass('nameOfClass');

Answer 4

.....

$("#testID #testID2").removeClass("test2").addClass("test3");

لأنك قمت بتعيين معرف ل IMG أيضا، يمكنك ببساطة القيام بذلك أيضا:

$("#testID2").removeClass("test2").addClass("test3");

وأخيرا، يمكنك القيام بذلك أيضا:

$("#testID img").removeClass("test2").addClass("test3");

Answer 5

رمز تصحيح:

jQuery('#testID2').addClass('test3').removeClass('test2');