Twitter Bootstrap警報（通知）動態更改文本

Question

簡單的問題，但我沒有成功找到令人滿意的答案。

當我有一個引導警報：

<div id='alert' class='alert alert-error hide'>Alert.</div> 

我想利用被控制的文字之一的jQuery JavaScript中，我只是看着這個解決方案this problem，但它必須是那麼複雜？真？

Answer 1

引用的解決方案，現在想出了這個：

HTML：

<div id='alert' class='hide'></div> 

的Javascript：

function showAlert(message) { 
     $('#alert').html("<div class='alert alert-error'>"+message+"</div>"); 
     $('#alert').show(); 
    } 
showAlert('variable'); 

工作jsfiddle。

Answer 2

<input type = "button" id = "clickme" value="Click me!"/> 
<div id = "alert_placeholder"></div> 
<script> 
bootstrap_alert = function() {} 
bootstrap_alert.warning = function(message) { 
      $('#alert_placeholder').html('<div class="alert"><a class="close" data-dismiss="alert">×</a><span>'+message+'</span></div>') 
     } 

$('#clickme').on('click', function() { 
      bootstrap_alert.warning('Your text goes here'); 
}); 
</script>​ 

Answer 3

簡單：$("#alert").text("My new Text");