jQuery Замена значений во всем столбце - PullRequest
Новая
       21

jQuery Замена значений во всем столбце

0 голосов
/ 20 сентября 2019

После внесения изменений в один вход (x) я хотел бы обновить значения в одной таблице.Каждый из них сделан из x * value_of_td_data

Каждый тд выглядит так, как показано ниже, и генерируется foreach для примерно 20 элементов 

    echo '<td id="table_td_value" data-kons_pion="' . $key['kons_pion'] . '">0</td>';

с переключателем ввода и значения. Я просто использую 

     $( ".input" ).change(function() {
       $('#td_with_value').html($('#input').val()); 
     });

но как заставить что-то подобное работать с <td>, которые имеют тот же идентификатор

1 Ответ

1 голос
/ 20 сентября 2019

Прежде всего вам нужно изменить id на class. 

echo '<td class="table_td_value" data-kons_pion="' . $key['kons_pion'] . '">0</td>';

Является ли input id или class?Вы используете оба.Я буду использовать класс. 

$(".input").change(function() {
  var element = $(this);
    $(".table_td_value").each(function(index) {
        $(this).html(element.val());
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div>Press ENTER to submit</div>
<input class="input" type="text">
<table>
  <tr>
    <td class="table_td_value"></td>
  </tr>
  <tr>
    <td class="table_td_value"></td>
  </tr>
  <tr>
    <td class="table_td_value"></td>
  </tr>
  <tr>
    <td class="table_td_value"></td>
  </tr>
  <tr>
    <td class="table_td_value"></td>
  </tr>
</table>
...