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

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

    } 
}); 

Answer 2

は価値があるすべての準備ができている場合は、すでにトークンIDラインを持っていない任意のフォームを検索することができます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 3

を使用してチェックしてみます。

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

これは、追加する行が含まれていないフォームフィールドを見つけて、その行を追加します。