我在Jquery中有一个list和prepend()方法,每次单击此按钮时,我都可以在html代码上附加新元素。我甚至可以添加1,000,000次,我希望有一个限制。如何设置限额?例如,用户单击按钮时,只能附加2次。
的HTML:
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">Prepend text</button>
<button id="btn2">Prepend list item</button>
</body>
和jQuery的:
$(document).ready(function(){
$("#btn1").click(function(){
$("p").prepend("<b>Prepended text</b>. ");
});
$("#btn2").click(function(){
$("ol").prepend("<li>Prepended item</li>");
});
});
最佳答案
你想做这样的事情吗?
var count = 0;
var limit = 5;
$(document).ready(function() {
$("#btn1").click(function() {
$("p").prepend("<b>Prepended text</b>. ");
});
$("#btn2").click(function() {
if (count <= limit) {
$("ol").prepend("<li>Prepended item</li>");
count++;
} else {
alert('limit reached')
}
});
});