怎样在jquery里控制单击事件的次数

开始是用jquery单击事件创建了一个input节点，并且加了class属性，然后问题是每次我单击都能创建一个同样的input节点，我是想要限制这种无限制的单击事件，只要出现一个就可以了在之前这个input节点消失之前图片图片

我可以说没有理解你的需求吗？你说的最后一句话我都没有读通。

全局变量控制下。添加的时候判断是否大于5了，大于就退出，否则添加+1，点击x移除-1

大概就下面的流程

 var num=0,maxnum=5;
function add(){
if(num>=maxnum)return;
num++;
//....添加的代码
}
function Delete(){
num--;
//删除的代码
}

那这样，你先 移除掉这个input 然后在创建这个input呢。。。 比如这样

$(".input").remove();
$("<input class='.input'>").appendTo("body")

判断$(".input")是否为空,空append,非空无操作

<!DOCTYPE html>





<pre><code> $(function() { $(&quot;#btn&quot;).click(function () { if($(&quot;.flag&quot;).length&gt;0) { $(&quot;.flag&quot;).remove(); } $(&quot;body&quot;).append(&quot;&lt;input class=&#39;flag&#39; type=&#39;button&#39; value=&#39;我出现了&#39;&gt;&lt;/input&gt;&quot;); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input id=&quot;btn&quot; type=&quot;button&quot; value=&quot;点我&quot;/&gt; &lt;/body&gt; </code></pre> <p></html></p>
 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
        <script>


            $(function() {
                $("#btn").click(function () {
                    if($(".flag").length>0) {
                        $(".flag").remove();
                    }
                    $("body").append("<input class='flag' type='button' value='我出现了'></input>");
                });
            });
    </script>
    </head>

    <body>
        <input id="btn" type="button" value="点我"/>
    </body>
</html>

其实，我想说的是，你可以直接用电脑截图，拍的，是啥？？？

如果你是想在input不存在的情况下才添加的话，只需要在点击的时候把按钮disable掉 在你控制input消失的事件最后 再恢复你的按钮，这样就可以达到你需要的效果

首先 遍历下你的父级下有没有input 如果有就不做任何事 有就添加

触发input的时候把按钮disable是比较好的解决方案。如果实在不想对按钮进行操作的话。可以添加一个中间变量 var is_input=0。
在触发按钮时 is_input=1。然后对这个中间变量进行判定就可以了。

var i = 0；
$("input选择器").click(function(){
//限制input的隐藏
if(i > 7) {
$d = $("input选择器");
$d.hide();
}
//限制不能超过9个input
if(i > 8) {

    return;
}

})