kostenloser Webspace werbefrei: lima-city

jQuery this().next() Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   pasi-b

   

   pasi-b hat kostenlosen Webspace.

   13:21, 19.5.2012

   Hallo zusammen,
   
   ich habe ein PHP-Script, welcher durch eine while-Schleife folgende Ausgabe hervorruft.
   
   

   <span class="kommentar">
         Hier ein Beispieltext
         <label><a href="#">ein Link</a></label>
         <label class="melden"><a href="#">Melden</a></label>
   </span>
   
   <span class="kommentar">
         Hier ein Beispieltext 2
         <label><a href="#">ein Link</a></label>
         <label class="melden"><a href="#">Melden</a></label>
   </span>

   
   
   So, ich möchte das label.melden beim hovern von dem span.kommentar erscheinen lassen.
   Es klappt ja wunderbar, nur das, wie klar ist, alle label.melden erscheinen.
   
   Ich habe jetzt schon folgendes versucht, jedoch alles ohne Erfolg.
   
   

   <span class="kommentar" onMouseOver="$(this).next('label.melden').show(0)">
         Hier ein Beispieltext
         <label><a href="#">ein Link</a></label>
         <label class="melden"><a href="#">Melden</a></label>
   </span>

   
   
   sowie
   
   

   <span class="kommentar" onMouseOver="$('span.kommentar').next('label.melden').show(0)">
         Hier ein Beispieltext
         <label><a href="#">ein Link</a></label>
         <label class="melden"><a href="#">Melden</a></label>
   </span>

   
   
   
   Bräuchte jetzt mal eure Hilfe, wie ich das lösen könnte ;)
   
   
   Gruß

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fabo

   fabo hat kostenlosen Webspace.

   13:39, 19.5.2012

   $(function() {
      $(".kommentar").hover(function() {
       $(this).next(".melden").show("slow");
       },function(){
       $(this).next(".melden").hide("slow");
      });
     });

   
   
   So in etwa hätte ich es wahrscheinlich versucht. Gibt's eine Beispielseite?
4. Autor dieses Themas

   pasi-b

   

   pasi-b hat kostenlosen Webspace.

   13:44, 19.5.2012

   Falls ich jetzt alles richtig gemacht habe
   
   

   <script type="text/javascript">
   $(function() {
      $(".kommentar").hover(function() {
       $(this).next(".melden").show("fast");
       },function(){
       $(this).next(".melden").hide("fast");
      });
     });
    </script>

   
   
   und nichts weiter sonst, dann funktioniert das leider auch nicht.
   
   Beispielseite kann ich leider nicht online stellen.

5. fabo

   fabo hat kostenlosen Webspace.

   13:57, 19.5.2012

   Wie dumm von mir. Das kann so auch nicht gehen. Das Element, mit dem du arbeiten möchtest ist nicht next(), sondern children(), da es sich ja im Span-Container befindet.
   
   next() bezieht sich auf das nächste Element NACH this. children() wiederum bezieht sich auf ein Element innerhalb von this.
   
   Beitrag zuletzt geändert: 19.5.2012 13:58:37 von fabo
6. Autor dieses Themas

   pasi-b

   

   pasi-b hat kostenlosen Webspace.

   14:07, 19.5.2012

   Danke! Danke! Danke! :-)
   

7. n******t

   21:27, 21.5.2012

   Warum benutzt du nicht die API von jQuery?
   Da gibts sogar gute Beispiele und alle Funktionen werden gut erklärt.

8. tobiworlds

   

   tobiworlds hat kostenlosen Webspace.

   23:30, 21.5.2012

   Ist das nicht jQuery? Für mich sieht das gerade so aus, als wäre das bereits - zwar wie selbstverständlich - in genau diesem Framework realisiert worden... Oder täusche ich mich etwa?

9. re-aktor

   

   re-aktor hat kostenlosen Webspace.

   19:52, 1.6.2012

   Oder, in Kurzschreibweise:
   
   

   $(function() {
   	$(".kommentar").hover(function() {
   		$(this).children(".melden").fadeToggle("fast");
   	});
   });

   
   
   Beitrag zuletzt geändert: 1.6.2012 19:52:51 von re-aktor

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?