Отправить элементы формы в таблице как запрос ajax?

Question

У меня есть динамически сгенерированная таблица с кнопкой редактирования и удаления в каждой строке, когда пользователь редактирует входные данные, флажки и текстовые области, нажимает кнопку редактирования, мне нужно опубликовать значения на странице обработки Как отправить ajax-запрос, содержащий элементы формы, которые находятся в HTML-таблице этой (строки) или конкретной строки, или эта строка только итерации? Пожалуйста, помогите, я не так хорош в JS

Answer 1

//First of all thank you.
//After a deep search, I solved my own problem, here's the answer 
// if anyone has encountered the same thing:
<script>
$('.editRow').on('click', function (e) {
    var data = {};
    var row = $(this).closest('tr');
    var rowData = row.find('input, checkbox, textarea');
    if (rowData.length > 0) {
        rowData.each(function () {
            data[$(this).attr('name')] = $(this).val();
            //rowData.push($(this).val());
        });
        //data=dataRow
    }
    $.ajax
    ({
        method: 'post',
        url: 'tbl_process.php',
        data: {
            data: data
        },
        success: function (data) {
            $('#content').html(data);
        }
    });
});
</script>