缺少類按鈕的同時改變文本

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"); 

它看似複雜，但是當你要替換文本它適用於所有情況並保持兒童標籤不變。

見，如果你想改變文本而不刪除跨度this fiddle

Answer 2

嘗試。

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

<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>