Question

我有这样的按钮：

<button type="button" class="dropdown" id="przycisk">Comparative analysis<span class="caret"></span>

当我在脚本中更改文本时，这样：

$('#przycisk').text('Experiments');

我的按钮失去一个指针（下拉标志）。如何保留它？

Answer 1

如果您使用的是jQuery UI，可以使用：

$('#przycisk').button('option', 'label', 'Experiments');

否则，这应该有效：

$("#przycisk")
    .contents()
    .filter(function(){ return this.nodeType == 3;})
    .first()
    .replaceWith("Experiments");

这似乎很复杂，但是当你想要替换文本并保持子标签不变时，它适用于每种情况。

请参阅closure

Answer 2

如果您想在不删除范围的情况下更改文本，请尝试此操作。

	$("#przycisk").contents()[0].data='Experiments';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="dropdown" id="przycisk">Comparative analysis<span class="caret"></span></button>

更改文本时缺少按钮类

2 个答案: