Javascript 如何在特定元素上调用函数？

嘿，我想在这个“添加”元素上自动调用一个函数，而无需单击

  $(document).on('click', '.add', function() {
       $(this).parent().parent().addClass('appended');     
      }

因此，当文档加载时，该函数将在“add”元素上自动触发，而无需单击它

---

这个问题很简单，我知道，但在尝试了几次之后，我无法清楚地表达我对Google的意思。

在jQuery中，您可以使用document.ready块在加载DOM时执行操作。此块中的任何内容都将在DOM加载时执行

您还可以循环使用任意数量的选择器（在本例中为所需的类），并执行所需的任意数量的操作。此函数是

.each（）

函数

示例：

$(document).ready(function() {
    $('.add').each(function() {
        $(this).parent().parent().addClass('appended');
    });
});

---

使用

$（'.add'）。单击（）

$（'.add'）。parent（）.parent（）.addClass（'added'）

那么，你的意思是你不能在谷歌上问同样的问题，但你可以在没有任何问题的情况下创建一个问题？为什么有这么多步骤？为什么不把你想要的动作加载呢？为什么要加载>单击某个内容>然后执行操作？谢谢大家真的很有帮助无需

。each（）

这是我想到的第一个解决方案。如果有其他更简单的方法可以达到同样的效果，我也不会感到惊讶。如果您愿意，我们可以编辑答案，以包含其他解决方案，以及为未来的读者。我很乐意编辑它，并引用您的信用@j08691