Как выбрать элемент списка без использования jQuery?

Question

У меня есть элемент списка. Теперь я хочу щелкнуть элемент списка. Используя Jquery, я могу это сделать. http://jsfiddle.net/aec8v3c8/4/

<li class="corner-all" data-value="1aj"></li> 
<li class="corner-all" data-value="2aj"></li> 
<li class="corner-all" data-value="3aj"></li> 

$('li[data-value="1aj"]').click(function(){ 
    alert('This item is clciked'); 
}); 

Как мы можем сделать это без использования Jquery ??

Answer 1

Помните, что нет ничего JQuery можно сделать это не может быть сделано в равнинных JS (и будет работать быстрее):

var lis = document.querySelectorAll('li[data-value="1aj"]'); 
 

 
for(var i = 0; i < lis.length; i++) { 
 
    lis[i].addEventListener('click', function(){ 
 
    alert('Item clicked'); 
 
    }) 
 
}

<li class="corner-all" data-value="1aj"></li> 
 
<li class="corner-all" data-value="2aj"></li> 
 
<li class="corner-all" data-value="3aj"></li>