我想防止用户在input[type='text']中输入空的空格键。如果在输入空格键后没有,则应获取input[type='text']的值并将其放入span标记中。现在我想分配一个for-loop来做第二部分(我的意思是把value放入span中)只有五次。当5 span已经存在时,不要再这样做了。我应该在哪里添加我的for-loops
这是我的代码:

$(function()
   {
        $("#tags-selected").on('keypress', function(e)
        {
                var tags_selected=$("#tags-selected").val();
                if(e.which === 32)
                {
                    if(!this.value.length)
                        e.preventDefault();
                    else
                        $("<span class='suggested-tag'>"+tags_selected+"<span class='closee'>XX</span></span>").insertBefore("#tags-selected");
                        $("#tags-selected").val('');
                        $(".tags-review").fadeOut(300);

                }

        });
    });

最佳答案

不需要为此添加循环。只需检查带有类建议标记的附加跨度元素的长度。仅当长度小于5时才追加新元素:

if($('span.suggested-tag').length < 5){
   $("<span class='suggested-tag'>"+tags_selected+"<span class='closee'>XX</span></span>").insertBefore("#tags-selected");
   $("#tags-selected").val('');
   $(".tags-review").fadeOut(300);
}

关于javascript - 添加JavaScript“for”循环,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39741211/

10-12 13:02
查看更多