JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jt-header">a header 1</div>
<div class="jt-detail">a detail 1
    <div class="jt-item-price">12.34</div>
</div>
<div class="jt-header">another header 2
    <div class="jt-item-price">34.45</div>
</div>
<div class="jt-detail">another detail 2</div>

<hr />

<div class="jt-header">a header 1</div>
<div class="something-between">La la la I'm in the way :P</div>
<div class="jt-detail">a detail 1
    <div class="jt-item-price">12.34</div>
</div>
<div class="jt-header">another header 2
    <div class="jt-item-price">34.45</div>
</div>
<div class="jt-detail">another detail 2</div>

CSS

.jt-header {
    font-weight:bold;
}

JavaScript

$('.jt-header').each(function () {
    var $this = $(this)
    $this.append(function () {
        var el = $(this).next('.jt-detail')
        if (el.length < 1) el = $this.nextUntil('.jt-detail').next('.jt-detail');
        return el.children('.jt-item-price');
    });
});