jQuery: einzelne Auswahl bei click()-Event (HTML, CSS und Javascript)

Froschpopo

2008-01-04 11:35

User since
2003-08-15
2653 Artikel
BenutzerIn
[default_avatar]

hab ein bissl HTML:

Code: (dl )

<div id="links">
   <a href="#" id="1">1</a>
   <a href="#" id="2">2</a>
   <a href="#" id="3">3</a>
</div>

Jetzt will ich gerne den ausgewählten Link auf display:none setzen:

Code: (dl )

jQuery().ready(function() {
   $("#links a").click(function() {
           $("#links a").hide();
   });
});

Leider fühlen sich mit dieser Funktion ALLE LINKS angesprochen, anstatt nur das tatsächlich angeklickte.

Ich hatte schon die Idee, mit attr('id') was zu machen, bin aber mitlerweile doch eher zweifelhaft gestimmt.

Irgendwelche Ideen?

renee

2008-01-04 12:06

User since
2003-08-04
14371 Artikel
ModeratorIn

Probier mal:

Code: (dl )

jQuery().ready(function() {
   $("#links a").click(function() {
           $(this).hide();
   });
});

OTRS-Erweiterungen (http://feature-addons.de/)
Frankfurt Perlmongers (http://frankfurt.pm/)
--

Unterlagen OTRS-Workshop 2012: http://otrs.perl-services.de/workshop.html
Perl-Entwicklung: http://perl-services.de/

Froschpopo

2008-01-04 12:24

User since
2003-08-15
2653 Artikel
BenutzerIn
[default_avatar]

Du meintest bestimmt this.id

Code: (dl )

jQuery().ready(function() {
   $("#links a").click(function() {
           $(this.id).hide();
   });
});

Damit funktioniert's dann :)
hab ichs am Ende doch noch rausgefunden; aber der Tipp mit this kam zur richtigen Zeit :) Danke!

Froschpopo

2008-01-04 12:55

User since
2003-08-15
2653 Artikel
BenutzerIn
[default_avatar]

und hier bin ich wieder :)
Diesmal mit einem anderen Anliegen:

Code: (dl )

<ul id="liste">
   <li id="1"><a href="#">...</a></li>
   <li id="2"><a href="#">...</a></li>
   <li id="3"><a href="#">...</a></li>
</ul>

Wie kann ich jetzt beim onClick-Event auf einen Link den jeweiligen Listenblock verschwinden lassen?

Hatte da erstmal folgende Ansätze:

Code: (dl )

1
2
3

$("#liste a").click(function() {
   $(this.parent.id).hide();
});

Leider alles fürn Arsch.

Struppi

2008-01-04 13:28

User since
2006-02-17
628 Artikel
BenutzerIn

Prima Fehlerbeschreibung

Froschpopo

2008-01-04 13:31

User since
2003-08-15
2653 Artikel
BenutzerIn
[default_avatar]

Das war ein Muster-Beispiel, damit man versteht was gemeint ist. Hättest du dir das Beispiel angesehen, hättest du den Fehler ja auch sofort erkannt.
this.parent.id gibts nämlich garnicht. Ich hatte das geschrieben um zu zeigen, was ich machen will!

Froschpopo

2008-01-04 13:42