用新值替换旧值，不包括子项

Question

A、B、C、D的首字母和数字需要在前端去掉，因为我在后端需要。

表格行的HTML结构是这样的：

<tr ng-repeat="(key, field) in nbd_fields" ng-show="field.enable &amp;&amp; field.published" class="ng-scope">
  <td class="ng-binding">A,B,C,D: 1 - Auswahl Wunschkarte : <b class="ng-binding">Wähle eine Option</b>
  </td>
  <td ng-bind-html="field.price | to_trusted" class="ng-binding"></td>
</tr>

输入前：

电流输出：

如果您注意到所选选项也不可见。是因为 $(window).load() 吗？

所需输出：

我正在使用的代码：

jQuery(".ng-scope td.ng-binding:first-child").text(function(i, oldVal) {
    return oldVal.replace(/^[^-]+ - /,""); 
 });
});

怎样才能让它不影响里面的<b>标签？

我将上述代码用于同一页面上带有不同选择器的步骤标题*，它之所以有效，是因为它没有任何要更改的子项。

我必须将它包裹在 $(window).load() 周围，以便在加载表格后应用更改。 $(document).ready() 没有使用它。不知道为什么？

Answer 1

（编辑：修改以适应下面评论中重述的要求。）

从第一列表格单元格的文本中删除“直到并包括'-'”的所有内容，而其余部分保持不变：

// strip "everything up to and including the '-'"
// from table cell contents
function stripPrefix(tblCell) {
 // only evaluate first td in tr
  if (tblCell.previousElementSibling) {
    return;
  }
  const tNode = tblCell.firstChild;
  // ignore if table cell is empty
  if (!tNode) {
    return;
  }
  const chars = tNode.nodeValue.split('');
  const iFirstDash = chars.indexOf('-');
  if (iFirstDash === -1) { return; }
  tNode.nodeValue = chars.slice(iFirstDash+1).join('');
}

function stripAllPrefixes() {
  const tds = document.getElementsByTagName('td');
  for (const td of tds) {
    stripPrefix(td);
  }
}

td {
  border: 1px solid gray;
}

<h4>Strip "everything up to and including the '-'" from Table Cells</h4>
<table>
  <tr>
    <td>A,B,C,D: 1 - Auswahl Wunschkarte : <b>Wähle eine Option</b></td>
    <td></td>
  </tr>
  <tr>
    <td>B,C,D,E: 20 - A different leader : <b>should also be stripped</b></td>
    <td></td>
  </tr>
  <tr>
    <td>Oops no dash here <b>Just checking</b></td>
    <td></td>
  </tr>

</table>

<button onclick="stripAllPrefixes();">Strip All</button>

Answer 2

它不会影响b 标签，您的代码正在运行，您只需要使用正确的方法并替换 HTML 代码而不是文本节点：

jQuery(".nbd-field-header label, .nbo-summary-table .ng-binding").html(function(i, oldVal) {
    return oldVal.replace(/^[^-]+ - /,"");
});