das entfernen und hinzufügen von css-Klasse onclick

ich bin mit einigen Schwierigkeiten konfigurieren so ändern Sie die css-Klassen ein span in einem div auf onclick-Ereignis.

javascript:

$(document).on('click', '.list_accordion_toggle', function (event) {
            $(this).toggleClass('list_item collapse').next().toggle();
        });

anzeigen:

<div class="list_accordion_toggle" id="letter">
        <span data-bind=" text: Letter"></span>
        <span class="icon-minus-sign"></span>
    </div>

wenn der Benutzer klickt auf den div der icon-minus-Zeichen sollten ersetzt werden mit icon-plus-Zeichen und wird weiterhin wechseln mit jedem Klick.

verwende ich die toggleClass oder removeClass dann addClass?

verwenden Sie Klasse und Klasse hinzufügen becuse Toggle-entfernen und hinzufügen von Klassen, aber keine set-icon-minus-sign icon-plus-Zeichen und Umgekehrt

InformationsquelleAutor Masriyah | 2013-10-18

  1. 1

    Versuchen

    $(document).on('click', '.list_accordion_toggle', function (event) {
    $(this).toggleClass('list_item collapse').next().toggle();
    $(this).find('.icon-minus-sign, .icon-plus-sign').toggleClass('icon-minus-sign icon-plus-sign')
});

    Demo: Fiddle

    wow!!! nochmals vielen Dank für die tolle Hilfe
    Dies hat auch zusätzliche divs, um alle meine verschachtelten Elementen, die ich nicht brauchen
    dieser code fügt keine zusätzliche Elemente...
    Obwohl dies funktioniert, wäre es nicht besser, dies über CSS statt JS ? Ich meine, sobald die übergeordnete Klasse ändern, ist es ganz einfach, verschiedene CSS Stile für ein Kind.

    InformationsquelleAutor Arun P Johny

  2. 0

    Versuchen, diese

        iCount=0;
    $(document).on('click', '.list_accordion_toggle', function (event) {
        if(iCount==0){
        $(this).addClass(icon-minus-sign);
        $(this).removeClass(icon-plus-sign);
        iCount=1;
    }
    else{
        $(this).addClass(icon-plus-sign);
        $(this).removeClass(icon-minus-sign);
        }
    });

    InformationsquelleAutor vs7

Schreibe einen Kommentar