Jquery - 使用每个 [重复] 附加到 id 以开头的所有元素

Question

我想使用每个 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>');