使用 jQuery 验证是否存在动态添加的内容

Question

我有一个动态填充不同表单的div(取决于用户任务(。我需要验证已添加的表单(我有一个 ID 列表(，如果存在，请在表单后添加一个按钮。

<div id="container">
   <div id="dynamic_head">content</div>
<form id="dymanic_form1">....form content....</form>
----- here I need the button -----
</div>

在 jQuery 中我试过

function newbutton() {
var bottone_modifica = 'new button html';
var arr = ["dymanic_form1", "dymanic_form2", "dymanic_form4", "dymanic_form5", "dymanic_form9"];
$.each(arr, function(i, form_id) {
  if ($("#" + form_id).length != 0) {
    $("#" + form_id).after(bottone_modifica);
  }
});
}

此函数在生成动态表单的函数之后立即调用。

我还尝试用以下方法引用新元素：

$("#container #" + form_id)

而不是

$("#" + form_id)

但这行不通。

Answer 1

我想这可能会回答你的问题

var newlyAddedFormId = $("#container").find("form")[0].id //// Check for condition if length > 0 ([0] written without checking the condition)
var IfIdContainsinArr = arr.filter(function(item){return(item == newlyAddedFormId)}).length > 0

您可以使用这个新添加的表单来放置按钮

如果这让您清楚，请标记为答案