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

时间:2015-07-29 17:23:02

标签: javascript jquery html

我有一个类

的按钮
button.btn.btn-default.check-all

如何找到此按钮,获取所说的文本并使用查找更改?

我尝试过类似的东西,但不确定它是否有效

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

5 个答案:

答案 0 :(得分:2)

看来您有一个包含多个类的按钮,并且您希望根据所有类选择元素。只需使用以下选择器

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

您可以通过

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

可以通过

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

答案 1 :(得分:1)

您应该执行以下操作:

var element = $('button.btn.btn-default.check-all');

//save text in prevText
var prevText = element.text();

//now, change it!
element.text('text-changed');

答案 2 :(得分:0)

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

请参阅此fiddle

<强> HTML

<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()获取按钮的文本。同样的事情可以用来设置按钮中的文本。

答案 3 :(得分:0)

这个问题导致jQuery的基本技能。我真的建议您可以找到jQuery Api文档并深入阅读它。您可以非常好地了解jQuery,从而可以更好,更高效地完成工作。

以下链接可以帮助您解决此问题。

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

答案 4 :(得分:0)

您可以使用jQuery var r = $("button:contains('check-all')"); psuedo选择器创建一个变量,该变量将使用指定的文本精确定位按钮。它可以是任何文本,但如果您的按钮具有相似的文本,则要小心,因为返回不是完全匹配(为了避免这个只有您知道的输入/搜索文本对于按钮是唯一的。)

.text()

要使用新创建的变量更改文本,您可以使用jQuery r.text('check-none');方法。

Sub test() Dim lastRow As Integer, newLastRow As Integer, lastCol As Integer Dim ws As Worksheet, newWS As Worksheet Set ws = ActiveSheet Set newWS = Sheets.Add newWS.Name = "Parsed Info" Dim cel As Range, rng As Range newLastRow = 1 With ws lastRow = .Cells(1, 1).End(xlDown).Row For Each cel In .Range(.Cells(1, 1), .Cells(lastRow, 1)) If 10 >= cel.Value And cel.Value >= 5 Then lastCol = .Cells(cel.Row, 1).End(xlToRight).Column Set rng = .Range(.Cells(cel.Row, 1), .Cells(cel.Row, lastCol)) rng.Copy With newWS .Range(.Cells(newLastRow, 1), .Cells(newLastRow, lastCol)).PasteSpecial End With newLastRow = newLastRow + 1 End If Next cel End With Application.CutCopyMode = False End Sub

Fiddle Example

:contains() jQuery