Question

我想在点击时更改按钮的内容 - 特别是我希望它更改为＆＃34;块＆＃34;说明它无法点击的状态，而我想给它一个Glyphicon。

我想要添加的内容：

<span class="glyphicon glyphicon-saved" aria-hidden="true"></span>

和文字＆＃34;已下载＆＃34; - 我希望这样可以删除之前的文本和Glyph图标，我发现jQuery的这个小小的和平改变了点击文本。

<script>
$(document).ready(function(){
$('#download-btn').click(function() {
 $("#download-btn").text('Downloaded');
})
});    
</script>

但它不允许我添加任何HTML代码，只是将其输出为纯文本。

最后，我想在按钮中添加以下样式btn-block。

这是点击之前的按钮;

<button id="download-btn" type="button" class="center btn btn-primary">
    <span class="glyphicon glyphicon-save" aria-hidden="true"></span> Download
</button>

点击后，上面的jQuery将文本更改为＆＃34; Downloaded＆＃34;，但我似乎无法弄清楚如何将样式和代码添加到标记中。

Answer 1

使用.html()来应用/覆盖您选择的元素内的HTML。

您可以通过几种方式禁用按钮。我使用.attr()或您可以使用.prop()。

$('#download-btn').click(function() {
   $(this).html('<span class="glyphicon glyphicon-ok"></span> Downloaded').attr('disabled', true); 
});

jsFiddle Example

Answer 2

使用jQuery：

您可以使用.html()
您可以使用.css()
要更改课程，您可以使用.addClass()和.removeClass()

还有更多用于DOM操作的jQuery函数。

我建议看看。 jQuery API

更改引导按钮的值onclick

2 个答案:

jsFiddle Example