Вот такой код у меня сейчас...
<script>
$(function() {
var obj = {};
$("[data-year]").each(function() {
var el = $(this),
year = $(this).data("year"),
p = obj[year];
if (p) el.appendTo(p);
else obj[year] = el.wrap("<p/>").parent()
})
});
</script>
<div class="content" id="pj_cycle">
<div class="middle-wrap two-side-wrap" id="wrap">
<div class="left-wrap" style="width: 100px;">
<span>
<h3>
<?php $title = the_title(); ?>
</h3>
<ul class="hor-tabs">
<li class="active" rel="tab1">1 Таб</li>
<li rel="tab2">2 Таб</li>
<li rel="tab3">3 Таб</li>
</ul>
</span>
</div>
<div class="right-wrap tab_container">
<article id="tab1" class="tab_content">
<span data-year="2018">
<a href="https:/url.com">
2018
|
<strong>Название</strong>
/
Москва, Россия
<br>
</a>
</span>
<span data-year="2016">
<a href="https:/url.com">
2016
|
<strong>Название</strong>
/
Санкт-Петербург, Россия
<br>
</a>
</span>
</article>
<article id="tab2" class="tab_content">
<span data-year="2018">
<a href="https:/url.com">
2017
|
<strong>Название</strong>
/
Москва, Россия
<br>
</a>
</span>
</article>
<article id="tab3" class="tab_content">
<span data-year="2018">
<a href="https:/url.com">
2017
|
<strong>Название</strong>
/
Москва, Россия
<br>
</a>
</span>
</article>
</div>
</div>
</div>