jquery - jQueryが存在しない場合に要素を追加する

Question

jQueryを使用してコンテンツがまだ存在しない場合はhtmlフォームにコンテンツを追加しています-指定された値の非表示フィールドがフォームにすでに存在するかどうかをテストするために、これよりも簡潔な方法はありますか？

$("form").find("input[type='hidden'][value='" + $content.find("input[type='hidden']").val() + "']").length === 0

Answer 1

jQueryセレクターで連結を使用する場合は、特殊文字（引用符など）のエスケープに注意する必要があります。たとえば、入力値がである場合はどうなりますLet's goか？jQueryセレクターinput[type='hidden'][value='Let's go']が無効になります。

私はむしろfilter()関数を使いたいです：

$("form input[type='hidden']").filter(function() { return $(this).val() == $content.find("input[type='hidden']").val(); }).length === 0