Сохранить нажатое значение ячейки таблицы

Question

Можно ли взять значение, по которому кликнули, из td таблицы? У меня есть таблица, представляющая календарь, и когда я нажимаю на день (в ячейке таблицы), я хочу сохранить этот день.

В моем коде html и js, когда я Для создания календаря я использую этот фрагмент кода:

if (i == day && month == cmonth) 
      padding += "<td class='currentday' onclick='saveDate(i);'>" + i + "</td>";
else 
      padding += "<td class='currentmonth' onclick='saveDate(i);''>" + i + "</td>";  


function saveDate(i)
{
    console.log(i);
}    

Сейчас мое значение i не определено. Можно ли отправить это значение в качестве параметра функции или можно как-то сохранить это значение?

Answer 1

Передать i аргумент с использованием конкатенации строк:

padding += "<td class='currentday' onclick='saveDate("+i+");'>" + i + "</td>";

Вот фрагмент рабочего кода:

let padding = "";
for(let i=0; i<3; i++){
  padding += "<td class='currentday' onclick='saveDate("+i+");'>" + i + "</td>";
}
document.getElementById("main").innerHTML = padding;
function saveDate(i)
{
    console.log(i);
}

<table>
<tr id="main"></tr>
<table>

Answer 2

Процедура, которой мы будем следовать, чтобы получить ваше решение: OnClick мы получим текст внутри идентификатора текущего дня, а затем отправим данные POST на указанный URL.

<td class='currentday' id="currentday" onclick="trythis('currentday');" >Hello</td>


function trythis(e){
var pitt = document.getElementById (e).innerText;


   jQuery.ajax({
   url: "YOUR FILE PATH TO SAVE INFORMATION",
   data:{ pitt: pitt }, 
   type: "POST",
   success:function(data){
   console.log(data);
    $('#response_block').html(data);
    data= [];
    e= [];
    pitt= [];
    },
    error:function (){}
    });
}