JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <a href="xyz"><img src="a.jpg"></a>
        </figure>
    </div>
    <div class="teaser">
        Eine Beschreibung zum ersten Artikel... 
    </div>
</div>
<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <img src="b.jpg" />
        </figure>
    </div>
    <div class="teaser">
        Der zweite Artikel will auch beschrieben werden... 
    </div>
</div>
<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <a href="uvw"><img src="c.jpg"></a>
        </figure>
    </div>
    <div class="teaser">
        Eine Beschreibung zum ersten Artikel... 
    </div>
</div>
<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <a href="opq"><img src="f.jpg"></a>
        </figure>
    </div>
    <div class="teaser">
        Eine Beschreibung zum ersten Artikel... 
    </div>
</div>
<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <img src="e.jpg" />
        </figure>
    </div>
    <div class="teaser">
        Der zweite Artikel will auch beschrieben werden... 
    </div>
</div>
<div class="artikel">
    <div class="bild">
        <figure class="image_container">
            <a href="uvw"><img src="c.jpg"></a>
        </figure>
    </div>
    <div class="teaser">
        Eine Beschreibung zum ersten Artikel... 
    </div>
</div>

JavaScript

$(function (){    
    
    $('.artikel:has(a)').each(function (i, v) {
        $(v)
            .find('.teaser')
            .append('<a href="'+$(v).find('a').attr('href')+'"><img src="plus.png"></a>')
    })    

});