Question

我想检查页面上是否存在具有指定类（动态创建的）的元素。

最简单的方法是执行此操作，但由于DOM加载时页面上不存在元素，因此无法按照我希望的方式工作。（希望我说得对..）

const bool is_in = (memo.find(newJug) != memo.end());

更新：我在AJAX函数中运行它，它从MySQL中获取数据。即使页面没有重新加载也可以运行该函数，所以我不想使用Document.onload。

Answer 1

等到文档加载

$(document).ready(function() {
    if ($('.list li').hasClass('aDynamicallyGeneratedClass')) {
        console.log('exists');
    }
});

Answer 2

您是否在页面准备好后将元素添加到DOM？如果是这样，您可以检查元素是否具有您在问题中描述的类。

但是，如果在之前添加了元素，那么只需执行以下操作：

.Gte

当DOM准备就绪时，此功能将启动我希望这有帮助！
干杯！

Answer 3

试试这个：

if ( $('.list li.YOUR_CLASS').length > 0)
{
   //Then do this with my object.
}

将YOUR_CLASS替换为您想要的内容。

Answer 4

您可以简单地执行以下操作：

＆＃13;

$(document).ready(function() {

  if ($(".choose").is(".aDynamicallyGeneratedClass")) {

    $(".choose").css('color', 'red'); // Or something else

  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li class="choose aDynamicallyGeneratedClass">One</li>
</ul>

＆＃13;

这只是一个例子，研究并根据需要进行调整

检查动态创建的元素是否具有类

4 个答案: