[jQuery]Auf welches Element wurde geklickt?

[sokie]

wahrscheinlich hab ich grad nur ein Brett vorm kopf...
wie kann ich die indexnummer vom Element ausgeben, auf das grad geklickt wird?
Beispiel:

<ul>
  <li>klick</li>
  <li>klick</li>
  <li>klick</li>
  <li>klick</li>
</ul>

jquery

$("ul li").click(function(){
  alert($this).?) // hier soll jetzt die indexnummer ausgegeben werden
});

 

[jens260181]

AW: [jQuery]Auf welches Element wurde geklickt?

<script type="text/javascript">
$(document).ready(function() {
$("li").each(function(i) {
$(this).bind('click', {index:i}, function(e){
alert('Element Nummer: ' + e.data.index);
});
});
});
</script>

 

[sokie]

AW: [jQuery]Auf welches Element wurde geklickt?

:desnemma:super vielen Dank!

 

[saila]

AW: [jQuery]Auf welches Element wurde geklickt?

Hi,

vielleicht hilft diese kleine Hilfestellung ergänzend für evtl. spätere Fragen.

Wenn man den Firebug zur Verfügung hat, kann man im Script oder in der jQuery-Funktion folgendes eintragen:

$('selector').click( function(e) {
 console.log($(this));
// oder
 console.log(e);
});

Über diese Informationen in dem Reiter Konsole, kann man alle Informationen zum Object erhalten. Incl. aller möglichen jQuery-Funktionen, die diesem Object zur Verfügung stehen.

 

[sokie]

AW: [jQuery]Auf welches Element wurde geklickt?

mal eben nachgetragen: es gibt doch tatsächlich eine fertige methode in jQuery und das ist (wen wunderts?) .index()

mein code (vergl. oben) ist also:

$("ul li").click(function(){
  alert($(this).index()) // die Position (index) der Sammlug der 'li' Elemente wird ausgegeben.
});

 

[saila]

AW: [jQuery]Auf welches Element wurde geklickt?

Jo stimmt. Möchtest du ein bestimmtest li ansprechen oder warum die Frage nach dem index?

$(this).siblings('li:nth-child(1) ');

ging da ebenfalls. Die in Klammer gesetzte Zahl spricht das entsprechende Objekt an.