javascript - 如何通过 jQuery 替换匹配元素内的文本？

Question

HTML:

<span class="point">8,0</span>
<span class="point">8,0</span>
<span class="point">10,0</span>
<span class="point">8,0</span>

我想当点为10,0时，删除,0。:

 <span class="point">10</span>

我收到了长度警报，但它不起作用。

    $('.point').each(function () {
        if ($('.point').text().length > 4) {
            alert("ok");
        }
    });

所有的点都需要警惕。

我的问题是什么？怎么解决呢？

<小时/>

代码片段

$('.point').each(function () {
  if ($('.point').text().length > 4) {
    alert("ok");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="point">8,0</span>
<span class="point">8,0</span>
<span class="point">10,0</span>
<span class="point">8,0</span>

Answer 1

这取决于是否只需要 10 个...

$('.point').each(function () {
     var textAfterComma = $(this).text().split(",");
     if (textAfterComma[0] === '10' && textAfterComma[1] === '0') {
         $(this).text(textAfterComma[0]);
     }

 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="point">8,0</span>
<span class="point">8,0</span>
<span class="point">10,0</span>
<span class="point">8,0</span>

工作中的 JSFiddle: http://jsfiddle.net/bc6jmtt2/1/

如果您希望所有以 ,0 结尾的数字只是第一个数字，那么...

$('.point').each(function () {
     var textAfterComma = $(this).text().split(",");
     if (textAfterComma[1] === '0') {
         $(this).text(textAfterComma[0]);
     }

 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="point">8,0</span>
<span class="point">8,0</span>
<span class="point">10,0</span>
<span class="point">8,0</span>

工作中的 JSFiddle: http://jsfiddle.net/bc6jmtt2/

对于您问题底部的示例，有两个修复:

首先 $('.point') 到 $(this) 然后 if ($(this).text().length > 4) { 到 if ($(this).text().length >= 4) { 或 > 3 因为你的字符串都不是 > 4

$('.point').each(function () {
  if ($(this).text().length >= 4) {
    alert("ok");
  }
});

工作中的 JSFiddle: http://jsfiddle.net/bc6jmtt2/3/