如何获取和更改按钮中的文本

How to get and change the text in a button?

本文关键字：按钮 文本 何获取 获取      更新时间：2023-09-26

我有一个按钮，类别为

button.btn.btn-default.check-all

我如何找到这个按钮，得到它说的文本，并改变它与查找?

我试过这样做，但不确定它是否有效

var r = $("button").find("check-all");

看起来您有一个带有多个类的按钮，并且您希望基于所有类选择元素。只需使用以下选择器

$('button.btn.btn-default.check-all')

您可以通过

获取文本
$('button.btn.btn-default.check-all').text()

可以通过

进行更新
$('button.btn.btn-default.check-all').text('your_updated_text');

应该这样做:

var element = $('button.btn.btn-default.check-all');
//save text in prevText
var prevText = element.text();
//now, change it!
element.text('text-changed');

使用类名获取元素可能不是一个好的解决方案。我的解决方案是使用id属性并使用此id属性来获得正确的元素。

看这个

<button id="my-button" name="buttonName" onclick="change()">Hi</button>

和 JS 

alert(document.getElementById('my-button').innerHTML);
function change(){
    document.getElementById('my-button').innerHTML='hello';
}

我在这里所做的是，使用document.getElementById('my-button').innerHTML，使用document.getElementById()获取按钮的文本。同样的方法也可以用来设置按钮的文本

这个问题涉及jQuery的基本技能。我强烈建议您查找jQuery Api文档并深入阅读。你可以对jQuery有一个很好的了解，这样你就可以在你的工作中做得更好、更有效率。

这个链接可以帮助你解决这个问题。

https://api.jquery.com/category/selectors/https://api.jquery.com/category/attributes/

您可以使用jQuery :contains() psuedo选择器创建一个变量，该变量将精确定位具有指定文本的按钮。它可以是任何文本，但是如果您的按钮具有类似的文本，则要小心，因为返回的文本不是完全匹配的(为了避免只出现您知道是按钮唯一的输入/搜索文本)。

var r = $("button:contains('check-all')");

要用新创建的变量更改文本，您可以使用jQuery .text()方法。

r.text('check-none');

小提琴例子

:包含jQuery ()

相关文章：