Question

我的代码正在查找任何表单并添加新的令牌ID行。如果我有这条线，我需要阻止添加新行。

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

请告诉我：
谢谢。

Answer 1

尝试使用includes

检查值是否全部就绪

$("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" />');

    }
});

如何防止Jquery多次追加行

3 个答案: