javascript - 如何设置方法,只能删除元素的预定义值?

标签 javascript jquery html

我在 Jquery 中有一个列表和 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')
        }
    });
});

关于javascript - 如何设置方法,只能删除元素的预定义值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36127789/

相关文章:

javascript - wp_dropdown_categories - 将类别 ID 传递给 javascript

javascript - 动画/过渡被 "onserverclick"取消

javascript - JS 文字数组到 PHP

javascript - 如何停止在页面重新加载时从 jQuery 函数中删除附加类

html - 仅使用 CSS 更改表格行中的布局

html - CSS-Grid -OR- Reactjs 破坏对象匹配 :contain?

javascript - 通过 javascript 解析 CSS。 Edge 和 Chrome 之间的不一致

javascript - AJAX 使浏览器崩溃(200MB 响应)

jquery - jqGrid 自定义 edittype(单选按钮列)自定义元素在编辑时不触发 set 事件

javascript - 出现在一行中的 Jquery UI 可拖动项目