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>

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

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

Answer 1

使用prev()定位上一个兄弟

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

Answer 2

DOM previousElementSibling 属性可以满足您的需求。

$(".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>

如何将每个单独的ul附加到上面最近的文章标签？

2 个答案: