如何将带有 class 的每个单独的 ul 附加到它上方最近的文章标签？

Question

目前代码如下：

<article id="post-529"></article>
<ul class="post-meta"></ul>

<article id="post-530"></article>
<ul class="post-meta"></ul>

<article id="post-531"></article>
<ul class="post-meta"></ul>

我需要将带有 post-meta 的 class 的每个单独的 ul 附加到它们正上方的文章中。你们有什么线索吗？我使用了以下函数，但它只是将所有 ul 附加到所有文章。我真的很感激任何帮助。非常感谢。

$(".post-meta").each(function() {
    $(this).siblings("article").append(this);
});

Answer 1

使用prev()定位前一个兄弟姐妹

$(".post-meta").each(function() {
    $(this).prev("article").append(this);
});

Answer 2

DOMpreviousElementSibling属性会满足您的需求。

$(".post-meta").each(function() {
  this.previousElementSibling.append(this);;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article id="post-529"></article>
<ul class="post-meta"></ul>

<article id="post-530"></article>
<ul class="post-meta"></ul>

<article id="post-531"></article>
<ul class="post-meta"></ul>

如何将带有 class 的每个单独的 ul 附加到它上方最近的文章标签？

How to append each individual ul with class to the closest article tag above it?

javascript

jquery

append

closest