✔ JQuery Button Text ändern

P

parafi

Mitglied
Hi Leuts

Ich versuche gerade etwas in JQuery herumzuspielen. Dabei versuche ich:
Wenn ich auf den Button klicke, soll der Anzeigetext des Buttons von "Hallo" zu "Servus" wechseln.

Hier mein Code:
HTML: 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<title>Untitled Document</title>
<script type="text/javascript">
$(document).ready(function() {
	$("meineClass").click(function(){
		//nur wie? Hab es mal mit .change versucht, hat auch funktioniert, jedoch änderte der Text nur gaanz kurz (war nur ersichtbar, da der Button länger wurde)
	});
});

</script>
</head>

<body>
<table height="29" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="background-color:#060; padding-right:3px; padding-left:10px;">
<a class="meineClass" href="">
<span class="x">Hallo</span>
<br>
</a>
</td>
<td style="background-color:#060;">
</tr>
</tbody>
</table>

Besten Dank für Eure Hilfe und Inputs.

Grüsse
parafi
 
Hi,
kurz und knapp:
Javascript: 
$(document).ready(function() {
	$(".meineClass").click(function(){
          $(this).html("Servus");     
	});
});

Ach ja, wenn du keinen Link hast schreib eine Raute hinter href="". Außerdem erschließt sich mir hier die Tabelle nicht so ganz. Auch wenns ne Testumgebung ist.

Viele Grüße
 
Zuletzt bearbeitet:
Hi

Ich habe nun die Tablle vervollständigt.
Nun funktioniert mein Button, aber eben wird nur ganz kurz Servus angezeigt, danach wechselt es sofort wieder und auf meinem Button steht Hallo.
Muss ich da noch ein Timeout einfügen?$

Grüsse
 
meineClass ist ein Link ohne Adresse was dazu führt das beim klick auf meineClass die gleiche Seite nochmal aufgerufen wird.
Ein return false; dürfte abhilfe schaffen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück