jquery - 如何使用jquery更改未嵌套在子标签中的文本？

Question

这个问题已经有答案了:

How can I change an element's text without changing its child elements? (16 个回答)

已关闭 4 年前。

我只想更改文本“24”而不是“차단”。

我用过$("#cnt5").text()但它不起作用。

怎么做？

<div class="cntBox link" id="cnt5" data-url="recentStat.php" style="cursor: pointer;">
    <span class="cntName">차단</span>
    24
</div>

Answer 1

只需提取文本，然后删除除数字之外的所有内容。

// Extract the text
const str = document.getElementById('cnt5').textContent

// Remove everything but numbers
const res = str.replace(/\D+?|([0-9])+?/g, '$1');

console.log(res);

.as-console-row-code {
  color: blue;
  font-size: 64px !important
}

<div class="cntBox link" id="cnt5" data-url="recentStat.php" style="cursor: pointer;">
  <span class="cntName">차단</span> 24
</div>