Добавить событие клика в ячейку с данными

Question

Я пытаюсь добавить событие щелчка к динамически создаваемой базе данных. Итак, это мое js:

   $('#report-table').dataTable({
        "proccessing": true,
        "serverSide": true,
        "ajax": {
            url: '@Url.Action("Get","Controller")',
            type: 'GET'

        },
       "columns": [
           { "data": "Name" },
                { "data": "Date" }, //lest say I want to add a click event here ???
                { "data": "sName", render: myRender }// I tried render but this is rendered without waiting on click function
        ]

    });

, и это моя таблица, например:

<tr role="row" class="odd">
<td class="sorting_1">A Test</td>
<td class="aaaa">2/13/2020 3:34:40 PM</td> //lets say I want to fire a click event when I click the .aaaa class
<td>
    <a  asp-route-fileid="55555555" asp-action="Download5"><img src="img/download.svg" height="30" width="30"></a>
</td>

Допустим, я хочу запустить событие щелчка, когда Я нажимаю .aaaa класс.

Может кто-нибудь, пожалуйста, дайте мне идею? Я могу сделать это? Я застрял прямо здесь. Любая идея будет оценена очень и очень :)

Answer 1

Попробуйте, для более подробной информации проверьте форум :

$('#report-table').on('click', 'td.aaaa', function (e) {
        // your code to do something
    )};

Answer 2

Вместо render используйте className, чтобы добавить класс в ячейку

   "columns": [
        { "data": "Name" },
        { 
            "data": "Date",
            "className": "your-class"
        },
        { "data": "sName" }
   ]

, затем добавьте обработчик события щелчка на вашем классе

$('#report-table').on('click', '.your-class', function() {
    //function code here
}

Answer 3

$("tr[role='row']").on('click',()=> {
    alert($(this).find('td.aaaa').text());
});