javascript - 扫描表格数据并替换html表格中的某些字符串

Question

我有下表

<table class="data">
    <thead>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            1 data
        </td>
        <td>
            2 data
        </td>
        <td>
            123456789123
        </td>
    </tr>
    </tbody>
</table>

如何动态扫描表并仅替换存储了 123456789123 等信息的第三个表体 td 值中的值。

此信息应以特定字符放在特定字符串位置，以便

<td> 123456789123 </td> 应该是 <td> 12345678*12* </td>

Answer 1

请根据您的需要找到下面的代码块，我已将一个特定的类添加到 TD 中，您要为其修改值。

$( document ).ready(function() {
  $('.value_td').each(function(key, ele){
      
    // Getting Original Value
    var original_val = $(ele).text().trim();
    
    // You can change your logic here to modify text
      var new_value = original_val.substr(0, 8) + '*' + original_val.substr(9, 2) + '*';
      
    // Replacing new value
    $(ele).text(new_value);
  });
});

<table class="data">
    <thead>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            1 data
        </td>
        <td>
            2 data
        </td>
        <td class="value_td">
            123456789123
        </td>
    </tr>
    </tbody>
</table>

JS Fiddle