我想在单击时更改按钮的内容 - 特别是我希望它更改为无法单击的“ block ”状态,同时我想给它一个 Glyphicon。
我要添加的内容:
<span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
和文本“已下载”——我希望它能删除之前的文本和字形图标,我发现 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 将文本更改为“已下载”,但我似乎无法弄清楚如何向标签添加样式和代码。
最佳答案
使用 jQuery:
- 您可以使用 .html() 更改元素 html
- 您可以使用 .css() 更改元素样式
- 要更改类(class),您可以使用 .addClass()和 .removeClass()
还有更多用于 DOM 操作的 jQuery 函数。
我建议您看一看。 jQuery API
关于html - 更改 Bootstrap 按钮 onclick 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33423108/