Question

我想检查以下代码是否是动态创建的：

<div id="js_contact_error_message" style="display: block;">
  <div class="error_message"> <!-- For this div only I want to apply the above written inline css-->
              Please enter full name
  </div>

我应该如何在jQuery中检查这个？如果它存在则执行if条件。

感谢。

必须检查<div class="error_message">...</div>中<div id="js_contact_error_message" style="display: block;">...</div>存在的条件。

我尝试了以下代码，但它对我不起作用：

if ($("#js_contact_error_message").find("div.error_message").length != 0) { 
          alert("Bestow");
      }

Answer 1

尝试，

使用if-else条件。

if($("#js_contact_error_message").find(".error_message").length > 0)
{
    alert("div present");
}
else
{
    alert("div not present");
}

但正如您在问题中所述，您希望应用特定的内联css。为你所拥有的风格做一个课程，你可以使用ollowin代码。

$("#js_contact_error_message").find(".error_message").addClass("your_style_class");

此代码仅对符合条件的div应用您的css类。

修改

如果您想将自己的风格添加到div，可以尝试在页面中对其进行定义，只要动态添加div就会适用。

<style> #js_contact_error_message .error_message { /*your inline style*/ } </style>

Answer 2

你可以这样做：

var hasDiv = $("#js_contact_error_message div").length > 0 ? true : false;

$("#js_contact_error_message").toggle(hasDiv);

注意：

您需要将这行代码放在已完成js验证的位置。

或者你可以试试这个：

$(document).on('DOMSubTreeModified propertychange',function(){
     var hasDiv = $("#js_contact_error_message div").length > 0 ? true : false;
     $("#js_contact_error_message").toggle(hasDiv);
});

Answer 3

if($("#js_contact_error_message .error_message").length > 0)
{
    alert("div is present");
}
else
{
    alert("div is not present");
}

<强> Demo

Answer 4

你可以通过多种方式检查它们。其中很少是：

使用jquery的$("#js_contact_error_message").has('div')函数获取特定元素Has in JQuery
如果错误消息div是唯一的div位于主div内，那么您可以将其检查为：

检查元素$("#js_contact_error_message").html()是否为空白或使用$("#js_contact_error_message").children()（Children in JQuery）检查其是否有任何子项。

希望这会有所帮助：）

Answer 5

确保您的HTML构图正确，打开和关闭。然后试试这段代码。

if($("#js_contact_error_message").length > 0)
{
  $("#js_contact_error_message").find(".error_message").addClass("style_class");
}

如何检查是否创建了特定的div元素？

5 个答案:

注意：