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

Question

我只想将文本更改为“ 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>