jquery прослушать все элементы с тем же классом

Question

Когда клик выполняется по любому из элементов сетки, открывается окно ajax, этот ajax div имеет обертку.

Я бы хотел вызвать событие click на элементе .eg-ajax-a-button и добавить ajax-wrapper-on класс в . Код работает только с первой записью, как я могу заставить ее работать со всеми элементами? все они имеют класс eg-ajax-a-button

Я попытался с

var actionitem = document.querySelector('.eg-ajax-a-button')[0]; 

это полный код:

jQuery(document).ready(function($) { 

    var actionitem = document.querySelector('.eg-ajax-a-button'); 

    actionitem.style.cursor = 'pointer'; 

    actionitem.onclick = function() { 
    $("#ajax-wrapper-off").addClass("ajax-wrapper-on"); 
    }; 

    }); 

Я попытался с версией Jquery как commentor сказано в разделе комментариев есть была проблема с смешиванием jquery и js, я на первых шагах на этом языке. пытался, но не работает

jQuery(document).ready(function($) { 
    $(".eg-ajax-a-button").click(function() 
    { 
     $("#ajax-wrapper-off").addClass("ajax-wrapper-on"); 
    };  
    }); 

Answer 1

Попробуйте что-то вроде этого

$('.eg-ajax-a-button').on('click', function(){...} 

Answer 2

Если вы используете JQuery, как ваша библиотеку JavaScript выбора, вы должны следовать их документации делать все вещи JQuery.

http://learn.jquery.com/using-jquery-core/

Ниже, как вы обычно самонастройки проект JQuery.

$(document).ready(function() { 
    console.log("ready!"); 
    }); 

, и если ваши классы выбора или id jQuery имеют собственный встроенный селектор для обоих.

$(".myClass"); 

$("#myId"); 

http://learn.jquery.com/using-jquery-core/selecting-elements/