Wie hängt man jede einzelne UL mit der Klasse an die nächstliegende Artikelbezeichnung an?

Question

Derzeit ist der Code wie folgt:

<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>

ich jede einzelne ul mit der Klasse von post-meta append zu dem Artikel direkt über ihnen haben müssen. Habt ihr irgendwelche Hinweise? Ich habe die folgende Funktion verwendet, aber es fügt nur alle uls an alle Artikel an. Ich würde jede Hilfe sehr schätzen. Vielen Dank.

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

Answer 1

Verwenden prev() der vorherigen Geschwister

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

Answer 2

Das DOM previousElementSibling Eigenschaft erhalten Sie ausrichten, was Sie brauchen.

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