Как получить значение текстового поля в данных динамической таблицы в JQuery

Question

Я создал таблицу с полем для ввода текста. Я хочу получить значение значения текстового поля в элементе tr. Как мне это сделать?

$(document).on('click', '.overtime_send', function(){

    $('#employee_table tr').each(function(row, tr){

      var asd = $(tr).find('td:eq(3)').text();//get the value
      var asd01 = $(tr).find('td:eq(4)').text();//not get the value of the text box
        alert(asd);
  });    

  });

приведенный выше код с получением всего статического содержимого строки таблицы. Как получить текстовое значениев переменную в табличных данных?

Answer 1

Для ввода 4 тд не текстовый элемент. Поэтому нужно найти input значение вместо текста

    $(document).on('click', '.overtime_send', function(){
        $('#employee_table tr').each(function(row, tr){
          var asd = $(tr).find('td:eq(3)').text();//get the value
          var asd01 = $(tr).find('td:eq(4)').find('input').val();// value of input box
            alert(asd);
      });    
});

Answer 2

Используйте .find('input'), поскольку у вас есть только один вход в ваших tr и .val(), чтобы получить значение.

let your_array = [];

$(document).on('click', '.overtime_send', function() {

  $('#employee_table tbody tr').each(function(row, tr) {

    your_array.push({
      emp_id: $(tr).find('td:eq(0)').text(),
      input_val: $(tr).find('input').val()
    });

  });

});

Answer 3

Вы можете попробовать это.

$(document).on('click', '.overtime_send', function(){

    $('#employee_table tbody tr').each(function(row, tr){
      console.log("Get Html "+$(this).find("td:eq(4)").html());
     console.log("Get Text box value"+$(this).closest().find("input[type='text']").val());
  });    

  });