JQuery Tabellenzeile löschen?

Hallo miteinander,

Ich bin noch ein ziemlicher Anfänger, was JQuery angeht. Ich musste bisher in meinem Praktikum eine Tabelle mit html und css designen. Dies habe Ich auch ohne Probleme hinbekommen. Jetzt jedoch muss Ich die "Zeile hinzufügen / löschen"-Buttons auch zum Laufen bringen.

Bisher habe Ich es so geregelt, dass Ich in der Ur-Zeile keinen Löschen-Button habe und der sich mit einem Klick auf den "Hinzufügen"-Button allesamt mit einer neuen Zeile hinzufügt.

Ich habe es so programmiert, das er es in die Konsole schreibt, wenn man den Button klickt. Dies ist jedoch nicht der Fall. Habe Ich irgendeinen Fehler?

if ("") {
    $("tbody").append(Neue_Zeile);
} else {
    alert = "Du musst jedes Feld ausfüllen"
}


});

$("#button_delete").on("click",function(){

    console.log("Löschen-Button wurde geklickt");

if (""){
    $("tbody").remove(Neue_Zeile);
} else {
    alert = "Du musst erst eine Zeile hinzufügen, um sie löschen zu können"
};

})

Ganz oben wollte Ich angeben, dass er erst eine Zeile hinzufügt, wenn alle Felder ausgefüllt sind. Was soll Ich da dann nach dem "if" in die Klammer schreiben?

Genauso wie bei dem Löschen-Button. Wie kann Ich da nur die Zeile löschen, auf die der angeklickte Button liegt?

Ich danke für eure Antworten! Bitte schreibt die Antwort nicht all zu kompliziert :P

Mit freundlichen Grüßen, Robert Kessler

Die aktuelle Seite - (HTML, CSS, Tabelle)

1 Antwort

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML

27.06.2017, 10:01

Alles kann ich dir nicht beantworten aber ein paar Tipps geben.

Die Tabellenzeile kannst du einfach ermitteln, indem du die parent-Methode nutzt:

$(this).parent('tr')

Da dein Button ja in einer Zelle sitzt, kannst du im Klick-Event einfach die Elternzeile suchen und auch löschen.

Um dann wieder die Input-Element zu suchen und auszuwerten, kannst du dich wieder nach unten hangeln:

$(this).parent('tr').find('input[type=text]')

Da kannst du dann testen, ob alle values ausgefüllt sind.

Gruß

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Ähnliche Fragen

js else?

ich habe auf einer website ein onclick event löse diese funktion aus es sollen zufällige antworten kommen es kommt aber immer nur die erste also die aus dem if block

function testbo(){
    var min = 1;
var max = 2;
var x = (Math.random() * (max - min)) + min;
    if (x > 1,5){
        alert("Warum hast du geklickt?");
    } else if (x < 1,5){
        alert("Du hast geklickt...");
    } 


}

Danke Schonmal im voraus!

...zur Frage

Verstehe nicht, warum es falsch ist?

// loggen der Variabeln-Name für den Login-Button //

let loggen = document.getElementById("login");


loggen.addEventListener("click", function() {
  
// eingabeFeld ist der Name für das Inputfeld //  
let eingabeFeld = document.getElementById("field");

eingabeFeld.value;
if (eingabeFeld.includes("huso1234")) {
alert("Ja, das Passwort ist richtig");
}
else {
    alert("Das Passwort ist falsch");
}
eingabeFeld.textContent = "";
});

Funktioniert halt einfach nicht. Es handelt sich hierbei um die Programmiersprache JavaScript. Es kommt kein Alert und am Ende geht der Text auch nicht weg vom Inputfeld.

...zur Frage

HTML Komplette Zeile einer Tabelle als Link

Hallo Community,

mal wieder habe ich ein Problem und zwar sagt die Überschrift schon alles.

Ich habe das Menü meiner Website in Tabellenform angelegt. Nun steht quasi in jeder Tabellenzeile ein Link. Das Problem ist, man muss auf den Text klicken, welcher als Link markiert ist.

Nun möchte ich aber, dass es genügt wenn man nur in die jeweilige Zeile klickt der Link geöffnet wird. Da die Tabellenzeile via CSS wie ein Button aussieht, jedoch nur der Text im "Button" angeklickt werden kann.

Ich hoffe ich konnte ungefähr beschreiben was ich möchte.

Danke schon einmal im Voraus

Mfg Eyevi

...zur Frage

Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>

...zur Frage

Javascript fehler Button Disable?

Das Script erstellt 3 Button, 2 Zum Aktivieren und zum Deaktivieren. Zu Testzwecken noch ein simples Mini-programm. Aber irgendwie funktioniert das nicht.

<button onclick="locker(1)">Lock</button>

<button onclick="locker(2)">Unlock</button>

<input type="button" onclick="tellMessage()" id="btn01" value="OK">

<script>

var mtd = ("")

var a =

function locker(a) {

if (a = 1){

document.getElementById("btn01").disabled = true;

}

else

if (a = 2){

document.getElementsById("btn01").disabled = false

}

function tellMessage() {

mtd = prompt("Please enter message to display", "Your message...")

alert(mtd)

}

</script>

...zur Frage

Per if Abfrage schauen ob Button gedrückt wird JavaScript?

Hi, ich versuche es hinzubekommen, dass wenn ein Button gedrückt wird eine Funktion aufgerufen wird. Wenn nicht dann eine andere. Ungefähr so soll es aussehen:

if (Button1 wurde angeklickt) {
   submit()
} else {
   counter()
}

Klingt einfach, aber ich hab nichts brauchbares gefunden...

...zur Frage

Excel: VBA - Zellen per Button-Klick nacheinander füllen?

Schönen guten Tag,

Ich würde gern in einer Excel-Tabelle eine Spalte nacheinandern (begrenzter Bereich), bei Button-Klick, füllen.

Es sollen auf einer Excel-Oberfläche verschiedene Buttons erstellt werden, die alle die selben Zellen füllen (Bsp: G3 bis O3). Wenn eine Zeile leer ist, soll diese gefüllt werden, wenn die nächste gefüllt ist, soll zur nächsten "leeren" gegangen werden. Dies jedoch nicht sofort für alle, sondern per Mausklick auf einen Button. ButtonA füllt G3 mit "asdf", ButtonB beginnt bei G3 findet dort "nicht leer" und geht auf H3 und schreibt "wasd", erneut ButtonA beginnt bei G3, findet G3 "nicht leer" und H3 "nicht leer" und schreibt in I3 "asdf".

Ich hoffe mein Idee und mein Ansatz ist verschändlich.

Ich habe auch eine Möglichkeit gefunden, jedoch müsste ich den Code für jede weitere Variante anpassen. Kann man daraus eine "einfachere" Schleife generieren? Bin leider noch VBA-Neuling.

Ich danke für die Hilfe! Ich wünsche euch einen schönen Tag!

Grüße

Private Sub CommandButton1_Click()
If Range("G3") = "" Then
    Range("G3").Value = "Test - 1"
Else
    If Range("H3") = "" Then
        Range("H3").Value = "Test - 1"
    Else
        If Range("I3") = "" Then
            Range("I3").Value = "Test - 1"
        Else
            If Range("J3") = "" Then
                Range("J3").Value = "Test - 1"
            Else
                If Range("K3") = "" Then
                    Range("K3").Value = "Test - 1"
                Else
                    If Range("L3") = "" Then
                        Range("L3").Value = "Test - 1"
                    Else
                        If Range("M3") = "" Then
                            Range("M3").Value = "Test - 1"
                        End If
                    End If
                End If
            End If
        End If
    End If
End If

End Sub

...zur Frage

Zeile im VBA Code fixieren?

Hallo,

vielleicht kann mir mal wieder jemand bei einem Excel Problem helfen. Im Netz werde ich nicht fündig :-)

Ich habe in meiner Inventurliste (als Tabelle formatiert mit Ergebniszeile) einen Button eingefügt, der mir automatisch eine neue Zeile hinzufügt. In Zelle B8 zählt mir die Formel =Zeile(B1) die Positionen hoch. Damit er diese aber ordentlich zählt, müsste das Makro immer von der Ergebniszeile aus, eine neue Zeile hinzufügen - tut es aber nicht. Dadurch stimmen die Nummerierungen nicht. Kann man dem Makro sagen, dass er immer von der Ergebniszeile ausgeht, egal in welcher Zelle/Spalte diese steht?

Vielen Dank im Voraus :)

...zur Frage

Wie kann ich in JavaScript die Quersumme berechnen?

Ich habe den Code aus meinem Java-Rechner genommen und ein wenig für JS abgeändert, da ich die Rechnung auf meiner Webseite brauchte. Nun erscheint jedoch bei 33 das Ergebnis 6.666666666666668.

Code (Text wurde aus alert entfernt):

else if (F == "Cross Sum") {
  var resn = 0;
  var ret = x;

  while (true) {
    if (x == 0) {
      break;
    }

    resn += x % 10;
    x /= 10;
  }

  alert(resn);
}

...zur Frage

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zur Frage

JavaScript Rechentrainer Schulaufgabe?

<html>
	<head>
		<title> Kopfrechentrainer </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	
		if(onclick=kontrolle){onclick=random}
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}
	
	if(r+f==5)
{
	if(r==0){alert('oh, das war garnichts, übe noch einmal')}
	if(r==1){alert('du musst noch einaml üben')}
	if(r==2){alert('da geht noch mehr')}
	if(r==3){alert('du solltest och etwas üben')}
	if(r==4){alert('das nächste mal vielleicht')}
	if(r==5){alert('sehr gut, du hast alle Aufgaben richtig gelöst')}
}
	if(r+f==5){onclick=zurück}
}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}










</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer  </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 5 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen" p align = center>
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>


				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst <------------> Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		
	</form /p>>










	</body>
</html>

An sich Funktioniert erstmal alles so wie es soll, jedoch besteht das Problem darin das wenn ich in das Textfeld um ein neues Ergebnis einzutragen gehe, dann wird eine neue Aufgabe erstellt obwohl ich nicht auf den Button Kontrolle geklickt habe.

Ich hoffe jemand kann mir helfen, vielen dank.

...zur Frage

Sims free play ich kann keinen sim hinzufügen?

Wenn ich einen Sim hinzufügen will kommt der Text: Der Stadt wird bereits ein Sim hinzufügt du musst warten bis der Vorgang abgeschlossen ist . Aber ich füge keinen Sim hinzu und ich hab erst 7/10 sims Kann jemand helfen

...zur Frage

Wie kriegt man mit PHP raus welcher button gedrückt wurde?

Hallo,

Ich hab eine HTML-Tabelle erstellt die in der letzen Spalte submits hat. Meine Frage ist wie krieg ich raus ob so ein submit gedrückt wurde und in welcher Zeile sich das submit befindet

Mein PHP ansatz ist so

if(isset($_POST['button']){
 und ab hier komm ich nicht weiter wie krieg ich jetzt raus welche Zeile der Button gedrückt wurde 
    }

...zur Frage

VBA if range then else?

Wenn ich den Entfernen Button aklicke kommt die MsgBox "Da steht nicht".
Die soll aber erst kommen wenn da wirklich nichts steht.
Kann mir jemand helfen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen