Можно ловить клики на элементе body (они «пузырьком» поднимаются наверх), и смотреть, содержит ли класс кликнутого элемента
list-group-item:
document.body.addEventListener('click', function(e) {
if( e.target.classList.contains('list-group-item'))
e.target.style.backgroundColor = 'red';
});
Fiddle
В отличие от перебора найденных и прикреплении слушателя на каждый, этот способ – «живой»: при появлении в документе новых элементов с искомым классом, клики по ним также отработают.
Вместо
<body> можно повесить слушателя ниже, например, на
<ul>, чтобы ловить события только в его дочерних элементах (и глубже).
