hinzufügen und entfernen der Klasse, um eine id

Wenn ich auf die Klasse zeigt, die die id 's nicht wieder der Klasse zu verstecken
Können Sie mir helfen?
Dank

CSS

    .hide{color: red}
    .show{ color: green}

HTML

<div id="prova" class="hide">
    prova
</div>

jQuery

$(document).ready(function()
    {
        $("#prova.hide").click(function()
        {

            $(this).removeClass();
            $(this).addClass("show")
        })
        $("#prova.show").click(function()
        {

            $(this).removeClass();
            $(this).addClass("hide")
        })

    })

InformationsquelleAutor the_martux | 2013-05-03

  1. 2

    Versuchen Sie dies:

    $("#prova").click(function(){
    $(this).toggleClass('show hide');
});

    DEMO

    InformationsquelleAutor palaѕн

  2. 1

    Ihre click-Ereignisse werden nicht gebunden, wenn Sie ändern Sie die Klasse. Also, wenn Sie ändern Sie die Klasse, die Elemente nicht über Ereignisse im Zusammenhang mit Ihnen nicht mehr.

        $(document).on('click', "#prova.hide", function()
    {

        $(this).removeClass();
        $(this).addClass("show")
    })
    $(document).on('click', "#prova.show", function()
    {

        $(this).removeClass();
        $(this).addClass("hide")
    })
    danke, funktioniert gut

    InformationsquelleAutor Schleis

  3. 0

    Wenn $("#prova.hide").click( heißt, die click Funktion ist nur anwendbar auf jene Elemente, die mit dem selector zum Zeitpunkt der code ausgeführt wird. Stattdessen sollten Sie so etwas tun:

    $("#prova").click(function()
{
    var $this = $(this);

    if($this.hasClass("show")){
        $this.removeClass("show");
             .addClass("hide");
    } else {
        $this.removeClass("hide");
             .addClass("show");
    }
});

    InformationsquelleAutor James Montagne

Schreibe einen Kommentar