jquery - 使用 InsertAfter 移动元素，但仅将其插入元素的父级？

Question

我做了以下事情：

  jQuery('.businessdirectory-category .wpbdp-rating-info').insertAfter('.businessdirectory-category .title');

.wpbdp-rating-info后移动.title。但是.wpbdp-rating-info页面中有 3 个，所以现在每个.businessdirectory-category有 3 个.wpbdp-rating-info

我该怎么做才能让每个.businessdirectory-category人都有自己的 .wpbdp-rating-info appended to its own.title`？

编辑：

我把它改成这样：

 jQuery('.wpbdp-listing-excerpt .wpbdp-rating-info').each(function () {
    var $this = jQuery(this);
    $this.insertAfter($this.closest('.wpbdp-listing-excerpt').find('.title'));
  });

但也没有用。

Answer 1

您可以遍历匹配的集合并单独移动每个元素：

jQuery('.businessdirectory-category .wpbdp-rating-info').each(function () {
    var $this = jQuery(this);
    $this.insertAfter($this.closest('.businessdirectory-category').find('.title'));
});

您也许可以将参数简化为insertAfter，但您需要发布您的标记让我确定。此示例假定.title元素不是 的兄弟姐妹或祖先.businessdirectory-category。

这是一个工作示例。