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