Jquery - 附加到 id 以每个开头的所有元素

Question

这个问题已经有答案了:

jQuery each this (2 个回答)

Arrow Functions and This [duplicate] (5 个回答)

已关闭 3 年前。

我想使用每个 fn 将元素附加到 id 以 post 开头的所有 div。怎样做才是正确的？

import $ from 'jquery'

export const fn = (): void => {
  const $posts = $('[id^="post_id_"]')
  if ($posts.length === 0) return

  $posts.append('<h1>123</h1>') //works

  $posts.each((idx, el) => {
    // here i need to do some staff

    this.append('<h1>321</h1>') // jQuery.Deferred exception: this.append is not a function TypeError
    el.append('<h1>321</h1>') // append as string - not html
  })
}

Answer 1

在 each 回调中，this 将与 each 回调之外的内容相同，因为您使用的是 arror 函数， el 是一个 DOM 元素，而不是一个 jQuery 对象。如果您想在元素上使用 jQuery 方法，请在其上使用 $():

$(el).append('<h1>321</h1>');