jQuery替换整列中的值

【问题标题】：jQuery Replacing values in whole columnjQuery替换整列中的值
【发布时间】：2019-09-20 06:40:46
【问题描述】：

一旦我改变了一个输入（x），我想刷新一个表中的值。每个都由 x*value_of_td_data 组成

每个 td 如下所示，由 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()); 
     });

但是如何使用具有相同 id 的 <td> 来制作类似的东西

【问题讨论】：

为什么不把id也加到<input>上？
id 必须是唯一的。
我猜这与输入无关。我有 id 输入。我努力制作改变表中所有值的功能，而不仅仅是一个线圈。如果我有 20 个项目，我需要 20 个可以更改行的函数。但我想在一个函数中更改所有行

标签： jquery html-table

【解决方案1】：

您首先需要将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>

【讨论】：