Как узнать, какой элемент был щелкнул

Question

У меня есть этот код:

(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')); 
    } 
    } 
})(); 

Что я делаю, что при нажатии элемента с Classname «капли», то предупредит атрибут элемента я щелкал. Но не работает.

Этот кусок кода является тем, который я использую для выбора элемента по ее имени класса. Не обращайте особого внимания, только показать нам только, чтобы показать им, как я выбираю элементы.

(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 
    } 
    } 
})(); 

¿Ответы?

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

Вы можете использовать jquery для этого. Вот, ключевое слово 'this' дает вам текущий элемент, который был нажат. Эта функция запускается при событии щелчка любого элемента, чье имя класса «drop».

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