代码之家 › 专栏 › 技术社区 › WayBehind

查找没有文本的所有按钮并替换为新文本

html jquery javascript

WayBehind · 技术社区 · 6 年前

我有几个这样的按钮:

<button class="my-btn" id="1"></button>
<button class="my-btn" id="2">100</button>
<button class="my-btn" id="3"></button>
<button class="my-btn" id="4">200</button>
<button class="my-btn" id="5"></button>

在页面加载时,我需要查找所有没有文本(数字)的按钮并插入 0 . 我试过几种版本,但没有运气:

$(document).ready(function() {
  if ($('.my-btn').text() == '') {
    $('.my-btn').text('0');
  }
});

3 回复 | 直到 6 年前

Rory McCrossan Hsm Sharique Hasan 6 年前

当前逻辑的问题是,您当前正在获取 text() 从所有 .my-btn 元素,因此 $('.my-btn').text() 正在回归 100200 与 '' 在这种情况下。

要解决这个问题,需要单独循环所有元素。通过提供一个函数 文本() 它检查当前值是什么,并返回更新后的值应该是什么。试试这个:

$(document).ready(function() {
  $('.my-btn').text(function(i, t) {
    return t.trim() || '0';
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="my-btn" id="1"></button>
<button class="my-btn" id="2">100</button>
<button class="my-btn" id="3"></button>
<button class="my-btn" id="4">200</button>
<button class="my-btn" id="5"></button>

imvain2 6 年前

你需要循环你所有的按钮,我用一个循环来做这个。

$(document).ready(function() {
$('.my-btn').each(function(){
    if ($(this).text() == '') {
        $(this).text('0');
    }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="my-btn" id="1"></button>
<button class="my-btn" id="2">100</button>
<button class="my-btn" id="3"></button>
<button class="my-btn" id="4">200</button>
<button class="my-btn" id="5"></button>

Maheer Ali 6 年前

你可以使用 jQuery.each() 检查所有 <button> .

$(document).ready(function() {
    const $myBtns = $('.my-btn');
    $myBtns.each((i,btn) => {
      if($(btn).text() === '') $(btn).text('0')
    })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="my-btn" id="1"></button>
<button class="my-btn" id="2">100</button>
<button class="my-btn" id="3"></button>
<button class="my-btn" id="4">200</button>
<button class="my-btn" id="5"></button>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

user3472810 · Angular@Output/EventEmitter返回undefined

7 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

7 月前