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

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');

    });

});