用JavaScript写HTML代码(jquery)
Write HTML code with JavaScript (jquery)
我看到您可以动态添加 HTML 和 jquery:
$( "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( 'You have 5 tokens remaining for this coupon. Would you like to Update the unused tokens? Please select quantity you would like to Update.”{{ csrf_field() }} Update Coupon Quantity. Recover Unused Coupon.Close');
我看到您可以动态添加 HTML 和 jquery:
$( "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( 'You have 5 tokens remaining for this coupon. Would you like to Update the unused tokens? Please select quantity you would like to Update.”{{ csrf_field() }} Update Coupon Quantity. Recover Unused Coupon.Close');