Wie kann man wissen, welches Element geklickt wurde

Question

Ich habe diesen Code:

(function() { 
    var i, ii, e = Elements.Select('.drop'); 
    for (i = 0, ii = e.length; i < ii; i++) { 
    e [ i ].onclick = function() { 
     alert (e [ i ].getAttribute('data-open')); 
    } 
    } 
})(); 

Was ich tue, ist, dass, wenn ein Element mit dem ‚drop‘ classname klicken, dann das Attribut des Elements aufmerksam wurde ich klicken. Aber funktioniert nicht.

Dieser Codeabschnitt ist derjenige, den ich benutze, um ein Element nach ihrem Klassennamen auszuwählen. Achten Sie nicht sehr darauf, es ist nur zu zeigen, wie ich die Elemente auswähle.

(function() { 
    Select : function (element) { 
    var object, index = element.substr(0, 1), name = element.substr(1, element.length),  clases = [ ], i, all = document.body.getElementsByTagName("*"); 
    switch (index) { 
    case '.' : 
     for (i = 0; i < all.length; i ++) { 
     if (all [ i ].className == name) { 
      clases.push(all [ i ]); 
     } 
     } 
     object = clases; 
    break; 
    return object 
    } 
    } 
})(); 

¿Antworten?

Answer 1

(function() { 
    var i, ii, e = Elements.Select('.drop'); 
    for (i = 0, ii = e.length; i < ii; i++) { 
    e [ i ].onclick = function() { 
     //by the time that this gets executed, the for loop is ended, thus i equals ii 
     // instead of using e[i]... try using this : 
     alert (this.getAttribute('data-open')); 
     alert (e [ i ].getAttribute('data-open')); 
    } 
    } 
})(); 

Answer 2

Sie können jquery dafür verwenden. Hier gibt Ihnen das Schlüsselwort 'this' das aktuelle Element, auf das geklickt wurde. Diese Funktion wird für das click -Ereignis eines Elements ausgelöst, dessen Klassenname "drop" lautet.

$(".drop").click(function(){ 
    var x=$(this).attr("data-open"); 
});