• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[GELÖST] jquery -- > ausgelesenen index benutzen

vsenol

New member
Hallo Leute,

mein Ziel ist es, den index des geklickten buttons zu benutzen um das entsprechende div anzuzeigen, nun wenn ich den Wert mit alert ausgebe, stimmt es soweit, aber der zugriff auf das div element funktioniert nicht.


Code:
HTML:
<!DOCTYPE html>
<html>
<head>
    <script src="jquery.js"></script>
</head>
<body>
 
<button type="button">Button 1</button>
<button type="button">Button 2</button>
    <div>div 1</div>
    <div>div 2</div>
    
<script>

$( document ).ready(function() {

var button = $("button"),
    div = $("div");
    

        $(button).click(function() {
        var index = button.index(this);
         
          $(div)[index].slideToggle();
 
        });
    
    
 
});      

</script>
</body>
</html>

vielen lieben Dank im voraus.
 
Zuletzt bearbeitet von einem Moderator:
Wobei solche Konstrukte unglaublich schwer zu warten sind. Stell' dir vor, du willst da ein zusätzliches <div> irgendwo reinbauen. Ich würde die Verlinkung zwischen Button und <div> über eine ID machen - also gib' dem <div> eine ID und speichere die beim <button> in einem data-*-Attribut.
 
Zurück
Oben