• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage JQuery - Aktion für übergeordnetes Div unterbinden

petrei86

Mitglied
Hallo

Habe hier einen Testcode mit jQuery.
Wenn ich auf das kleine Div klicke, welches im grossen Div drinn ist, dann reagiert auch immer die Aktion für den Klick auf das grosse Div (Console Log).

Wie kann ich unterbinden das beim Klick auf das kleine Div, auch die Aktion für das grosse Div ausgeführt wird?

Code:
    <style>
        
        #DivGross {
            width: 200px;
            height: 200px;
            background-color: blue;
        }
        
        #DivKlein {
            width: 100px;
            height: 100px;
            background-color: red;
        }       
        
    </style>
    
    <div id="DivGross">
        <div id="DivKlein">
        </div>
    </div>
    
    <script type="text/javascript">
        
        $("#DivGross").on("click", function() {
            console.log("Klick Div gross");
        });
        
        
        $("#DivKlein").on("click", function() {
            console.log("Klick Div klein");
        });
        
    </script>

Gruss petrei86
 
Werbung:
Zurück
Oben