jquery克隆和removebycontent…不是函数吗？

Question

我喜欢克隆一个表格，从每个单元格中去掉EUR这个词。我尝试使用.RemoveByContent但得到错误“不是函数”。

这是我的代码：

var cln = $('#tableid').clone();
cln.find('.noExl').remove();
cln.removeByContent('EUR');

下面是表格：

<table id="tableid"><tr><td>Bacon</td><td>140 EUR</td></tr><tr><td>Ham</td><td>70 EUR</td></tr></table>

如何删除克隆元素中的字符串？

Answer 1

您可以循环访问tds，然后使用replace（“eur”，“”）替换tds中的eur文本。

演示代码：

null

js lang-js prettyprint-override">var cln = $('#tableid').clone();
//find tds in cloned htmls
cln.find("td").each(function() {
  //replace text with ""
  $(this).text($(this).text().replace("EUR", "").trim())
})

$(cln).appendTo($("#new_ids"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tableid" border="1">
  <tr>
    <td>Bacon</td>
    <td>140 EUR</td>
  </tr>
  <tr>
    <td>Ham</td>
    <td>70 EUR</td>
  </tr>
</table>

<div id="new_ids"></div>