使用 JavaScript 编写 HTML 代码 (jquery)
Write HTML code with JavaScript (jquery)
我已经看到你可以用jquery动态添加HTML:
$( "div" ).append( "<p>Test</p>" );
动态添加更复杂的HTML的方法是什么:
<blockquote class="col-sm-9">
<p class="lead">Lorem Ipsum</p>
<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite></footer>
</blockquote>
这就是
我通常的做法(简单易读),除非标记中有id
var html = '<blockquote class="col-sm-9">';
html += '<p class="lead">Lorem Ipsum</p>';
html += '<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite></footer>';
html += '</blockquote>'
$( "div" ).append( html );
如果您还想在附加时分配唯一 ID,那么
var blockQuoteCounter = 0;
var html = '<blockquote class="col-sm-9" id="blockQuote_' + blockQuoteCounter + '">';
html += '<p class="lead">Lorem Ipsum</p>';
html += '<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite></footer>';
html += '</blockquote>'
$( "div" ).append( html );
<html>
<head>
<title>sample Page</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function () {
$('#btnAdd').click(function () {
var szData = "";
szData = '<blockquote class="col-sm-9"> <p class="lead">Lorem Ipsum</p>';
szData = szData + '<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite>';
szData = szData + '</footer></blockquote>';
$('div').append(szData)
});
});
</script>
</head>
<body>
<input type="button" value="Add Data" id="btnAdd"/>
<div></div>
</body>
</html>
这是如何在JavaScript中显示HTML代码的答案
$( "#update" ).append( '您还有 5 个代币可用于此优惠券。是否要更新未使用的令牌?请选择您要更新的数量。{{ csrf_field() }}更新优惠券数量。恢复未使用的优惠券.关闭');
相关文章:
- 如何动态插入jquery代码
- 如何在php变量中嵌入JQuery代码
- 将 jQuery 代码添加到 Index.aspx 页面
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- Jquery:代码在rails中的页面加载时未执行
- 点击facebook像素跟踪注册(JS/JQUERY代码)
- 我的jquery代码不起作用.为什么?
- 将javascript代码转换为jquery代码时出错
- 在CodeIgniter视图中将Javascript或jQuery代码作为PHP文件编写可以吗
- 按键时停止jquery代码
- 在Grails中的gsp中执行jquery代码
- 这个jquery代码是如何工作的
- 如何在加载角度函数后运行jQuery代码
- 如何使用Javascript或jQuery代码调用mousemove
- 如何使用我的Jquery代码创建委托事件侦听器
- 为什么jQuery代码段在没有IFrame的情况下可以工作,而在有IFrame时却不能工作
- 将JQuery代码转换为等效的JavaScript代码
- JQuery代码语法问题?(“不允许内联控制结构”)
- 使用一个 jquery 代码关闭多个模态
- 如何简化动画jQuery代码