如何防止Jquery追加行多次

Question

我的代码正在寻找任何形式，并添加新的令牌ID行。 如果有这一行，我需要阻止添加新行。

<SCRIPT LANGUAGE = "JavaScript" >
          $(document).ready(function() {
                $("form").append('<input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF">');<br>
            });
    </script>

请建议我：
谢谢 。

Answer 1

尝试使用include来检查值是否已准备就绪

$("form").each(function(){
   if!($(this).html().includes("<input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF">")){
       $(this).append('<input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF">');<br>
   }
});

Answer 2

您可以搜索尚无令牌ID行的任何表单。

$("form").find(
    'form:not(:Contains("
            <input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF">'
    ).append(
        '<input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF">'
    );

这将查找不包含您要添加的行的表单字段，然后追加该行。

Answer 3

$(document).ready(function() {
    if(($('#tokenID').length) == 0) {
         $("form").append('<input type="hidden" name="tokenF" id="tokenID" value="#session.tokenF" />');

    }
});