Kann mir bitte jemand sagen, wie ich diese Schaltfläche ausblenden kann, nachdem ich sie mit jQuery gedrückt habe?

<input type="button" name="Comanda" value="Comanda" id="Comanda" data-clicked="unclicked" />

Oder dieses:

<input type=submit  name="Vizualizeaza" value="Vizualizeaza">
17
LoolKovsky 9 Okt. 2012 im 02:21

4 Antworten

Beste Antwort

Versuche dies:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();
     }
);

Für alles andere können Sie so etwas verwenden:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();

         $(".ClassNameOfShouldBeHiddenElements").hide();
     }
);

Verwenden Sie dieses Element, um andere Elemente basierend auf ihren IDs auszublenden:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();

         $("#FirstElement").hide();
         $("#SecondElement").hide();
         $("#ThirdElement").hide();
     }
);
27
Rikki 27 Nov. 2014 im 07:08

JQuery bietet zu diesem Zweck die .hide () Methode an. Wählen Sie einfach das Element Ihrer Wahl aus und rufen Sie diese Methode anschließend auf. Beispielsweise:

$('#comanda').hide();

Sie können auch bestimmen, wie schnell der Übergang ausgeführt wird, indem Sie einen Dauer -Parameter in Millisekunden oder Zeichenfolge angeben (mögliche Werte sind 'schnell' und 'langsam'):

$('#comanda').hide('fast');

Wenn Sie etwas tun möchten, nachdem sich das Element versteckt hat, müssen Sie auch einen Rückruf als Parameter angeben:

$('#comanda').hide('fast', function() {
  alert('It is hidden now!');
});
4
João Cunha 8 Okt. 2012 im 22:33

Sie können die Funktion .hide() verwenden, die an einen click -Handler gebunden ist:

$('#Comanda').click(function() {
    $(this).hide();
});
7
Blender 8 Okt. 2012 im 22:23

Dies hängt von der von Ihnen verwendeten jQuery-Auswahl. Da id innerhalb des DOM eindeutig sein sollte, wäre der erste einfach:

$('#Comanda').hide();

Das zweite erfordert möglicherweise etwas mehr, abhängig von den anderen Elementen und der eindeutigen Identifizierung. Wenn das name dieses bestimmten input eindeutig ist, würde dies funktionieren:

$('input[name="Vizualizeaza"]').hide();
1
David 8 Okt. 2012 im 22:24