[Erledigt] jQuery: current index

Paul.Schramenko · 15.07.2010, 14:23

Hallo, ich versuche derzeit den aktuellen Index eines Elements heraus zu finden, um diesen dann mit :eq(index) wieder benutzen zu können.
Ich habe einige Klassen, die ich alle so ähnlich anspreche:

Code:

$('.someClass').bind('click', function(){
    /*So an dieser Stelle müsste ich nun herausfinden welchen Index das aktuelle Element hat*/
});

Gibt es einen Funktion oder einen Selektor, mit der ich den aktuellen Index bekomme? Leider hab ich auf der Entwicklerseite nichts gefunden, und wende mich voller verzweiflung an euch.

Ich habe einen ähnlichen Aufbau:

Code:

<div class="boxOuter">
      <div class="someClass">...</div>
      <div class="someClassDetail">...</div>
     <div class="someClass">...</div>
    <div class="someClassDetail">...</div>
    <div class="someClass">...</div>
    <div class="someClassDetail">...</div>
</div>

Und würde gerne mit dem aktuellen Index der klasse someClass auf die Klasse someClassDetail zugreifen und dabei den selben Index benutzen.

nikosch · 15.07.2010, 14:36

Das geht viel einfacher über die Ermittlung des nächsten Siblings. Ich glaube mit next().

[edit]
Fast. Schau Dir mal http://api.jquery.com/nextUntil/ an.

Paul.Schramenko · 15.07.2010, 14:38

Uh stimmt siblings gabs da auch noch danke, werde ich direkt mal ausprobieren!

nikosch · 15.07.2010, 14:40

Siehe edit.

BlackScorp · 15.07.2010, 14:49

Code:

 $(document).ready(function(){
                $('.someClass').click( function(){
                    alert($('.someClass').index(this));
                });
            });

MFG

Paul.Schramenko · 16.07.2010, 08:33

Super vielen Dank. .nextUntil kann ich leider nicht benutzen, aber mit next hats funktioniert!
Und das mit dem .index geht glaube ich auch nicht so gut, da ich den Index von someClass brauche innherhalb der Box und nicht von den Index von allen. Aber mit next geht das schon.
Jetzt muss ich nur noch den Content per Ajax reinladen und meine universelle Sliderklasse ist fertig xD

BlackScorp · 16.07.2010, 08:40

nein dieser index liefert dir die nummer des DIVs mit dem class "someClass" alle anderen DIVs werden nicht in den index mit reingenommen.

Paul.Schramenko · 16.07.2010, 11:54

Sicher? Habe das auch ausprobiert gehabt, und hatte irgendwas merkwürdiger zurückbekommen. naja vielleicht habe ich mich auch vertippt gehabt. naja ich probiers nochmal aus.
Danke nochmal für die prompte Hilfe

BlackScorp · 16.07.2010, 11:58

also ich hatte zum testen folgenden code:

Code:

<html>
<head></head>

<body>
<script type="text/javascript" href="jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
                $('.someClass').click( function(){
                    alert($('.someClass').index(this));
                });
            });
</script>
<div class="boxOuter">
      <div class="someClass">some Class 1</div>
      <div class="someClassDetail">...</div>
     <div class="someClass">some Class 2</div>
    <div class="someClassDetail">...</div>
    <div class="someClass">some Class 3</div>
    <div class="someClassDetail">...</div>
</div>
</body>
</html>

und beim klicken auf some Class habe ich immer eine zahl von 0 bis 2 bekommen, je nachdem was ich angeklickt habe

rudygotya · 16.07.2010, 13:54

next() ist halt ein DOM-Zugriff weniger, von dem her würde ich bei next() bleiben. Evtl. in der diviteritis das template a la

Code:

<div id="containerid">
    <div class="sel">
        <div class="dosth"></div>
        <div class="text"></div>
    </div>
    <div class="sel">
        <div class="dosth"></div>
         <div class="text"></div>
     </div>
</div>

aufbauen. Macht auch beim event binden kein Problem. Auch sehr hübsch wäre ein namespace für dein click event.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] Datenfelder mit Index, Datenbankabgleich	Herr Jeh	Datenbanken	2	08.02.2010 05:01
[Erledigt] MYSQL INDEX Frage 700.000 Datensätze ?	c01001	Datenbanken	2	20.04.2009 13:55
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
php datei löschen	djscaleo	PHP Tipps 2008	21	14.11.2008 15:47
Undefined variable Undefined property: block	xxJJxx	PHP Tipps 2008	16	05.08.2008 15:30
Notice: Undefined index	Kein Genie	PHP Tipps 2008	5	23.04.2008 17:40
Prototype Ajax Array Datenmüll	notyyy	HTML, Usability und Barrierefreiheit	2	08.04.2008 10:57
Array index updaten	obi	PHP Tipps 2008	4	28.11.2007 15:08
Index vom Array zurücksetzen	kampfnickel	PHP Tipps 2007	6	08.01.2007 17:24
mysql_num_row unde Index bleibt trotzdem 0 in der DB	nieselfriem	PHP Tipps 2005-2	7	30.07.2005 17:30
2 verschachtelte while Schleifen. Großes Performanceproblem		Datenbanken	3	30.05.2005 12:52
Undefined index		PHP Tipps 2005	5	05.02.2005 14:57
[Erledigt] Elementare Frage: Schneller durch Index? - Bin ratlos!		Datenbanken	1	16.12.2004 05:23

15.07.2010, 14:23
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	[Erledigt] jQuery: current index Hallo, ich versuche derzeit den aktuellen Index eines Elements heraus zu finden, um diesen dann mit :eq(index) wieder benutzen zu können. Ich habe einige Klassen, die ich alle so ähnlich anspreche: Code: $('.someClass').bind('click', function(){ /So an dieser Stelle müsste ich nun herausfinden welchen Index das aktuelle Element hat/ }); Gibt es einen Funktion oder einen Selektor, mit der ich den aktuellen Index bekomme? Leider hab ich auf der Entwicklerseite nichts gefunden, und wende mich voller verzweiflung an euch. Ich habe einen ähnlichen Aufbau: Code: <div class="boxOuter"> <div class="someClass">...</div> <div class="someClassDetail">...</div> <div class="someClass">...</div> <div class="someClassDetail">...</div> <div class="someClass">...</div> <div class="someClassDetail">...</div> </div> Und würde gerne mit dem aktuellen Index der klasse someClass auf die Klasse someClassDetail zugreifen und dabei den selben Index benutzen. __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen... Geändert von Paul.Schramenko (16.07.2010 um 08:32 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.07.2010, 14:36
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das geht viel einfacher über die Ermittlung des nächsten Siblings. Ich glaube mit next(). [edit] Fast. Schau Dir mal http://api.jquery.com/nextUntil/ an. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (15.07.2010 um 14:39 Uhr).

15.07.2010, 14:38
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Uh stimmt siblings gabs da auch noch danke, werde ich direkt mal ausprobieren! __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...

15.07.2010, 14:40
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Siehe edit. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

15.07.2010, 14:49
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	Code: $(document).ready(function(){ $('.someClass').click( function(){ alert($('.someClass').index(this)); }); }); MFG __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

16.07.2010, 08:33
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Super vielen Dank. .nextUntil kann ich leider nicht benutzen, aber mit next hats funktioniert! Und das mit dem .index geht glaube ich auch nicht so gut, da ich den Index von someClass brauche innherhalb der Box und nicht von den Index von allen. Aber mit next geht das schon. Jetzt muss ich nur noch den Content per Ajax reinladen und meine universelle Sliderklasse ist fertig xD __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...

16.07.2010, 08:40
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	nein dieser index liefert dir die nummer des DIVs mit dem class "someClass" alle anderen DIVs werden nicht in den index mit reingenommen. __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

16.07.2010, 11:54
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Sicher? Habe das auch ausprobiert gehabt, und hatte irgendwas merkwürdiger zurückbekommen. naja vielleicht habe ich mich auch vertippt gehabt. naja ich probiers nochmal aus. Danke nochmal für die prompte Hilfe __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...

16.07.2010, 13:54
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	next() ist halt ein DOM-Zugriff weniger, von dem her würde ich bei next() bleiben. Evtl. in der diviteritis das template a la Code: <div id="containerid"> <div class="sel"> <div class="dosth"></div> <div class="text"></div> </div> <div class="sel"> <div class="dosth"></div> <div class="text"></div> </div> </div> aufbauen. Macht auch beim event binden kein Problem. Auch sehr hübsch wäre ein namespace für dein click event. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog