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

Question

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

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

因此，当文档加载时，该功能将自动触发“添加”元素，而无需单击它。

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

Answer 1

在 jQuery 中，您可以使用document.ready块在加载 DOM 时执行操作。此块中的任何内容都将在 DOM 加载时执行。您还可以遍历任意数量的选择器（在本例中为您想要的类）并执行您想要的任意数量的操作。这个函数就是.each()函数。例子：$(document).ready(function() {    $('.add').each(function() {        $(this).parent().parent().addClass('appended');    });});