javascript - 如何匹配类名中下划线之前的所有内容并替换为单词

Question

<强> Fiddle Example

该表的类名称如下:

dsdds_image、dfdd_image、sdadsa_title、dsdf_title、3434_description、48fd_description。

它们只是下划线之前的随机字符串。如何在 jQuery 中用“占位符”一词替换所有这些随机字符串，使它们成为 placeholder_title、placeholder_image、placeholder_description？

HTML:

<button id="cleartable">Clear</button>
<table class="toptable">
  <tr>
    <th class="dsdds_image">1</th>
    <th class="r3dde_image">2</th>
    <th class="s43434_image">3</th>
  </tr>
  <tr>
    <td class="44665_description">4</td>
    <td class="3434d_description">5</td>
    <td class="a34df_description">6</td>
  </tr>
  <tr>
    <td class="dfs4rf_title">7</td>
    <td class="adf43df_title">8</td>
    <td class="dsffds4_title">9</td>
  </tr>
</table>

我的失败尝试

$("#cleartable").click(function() {
  $(".toptable td,.toptable th").each(function() {
    var changeclass = $(this).attr("class");
    changeclass.replace(/^[^_]+/,"placeholder");    
  });
});

Answer 1

您可以简单地执行以下操作:

$("#cleartable").click(function() {
   $(".toptable td,.toptable th").each(function() {
     var changeclass = $(this).attr("class");
     $(this).attr('class',changeclass.replace(/^[^_]+/,"placeholder"));//See this?  
   });
});

.replace 为您提供一个新字符串，并且不会更改原始字符串。因此，您需要将其重新分配到某个地方。