JSFiddle - React, Tailwind, and code Playground

by Maksim

HTML

<div class="class1">
    <div class="class2">boo</div>
    <div class="class3"></div>
</div>
<div class="class1">
    <div class="class2">foo</div>
    <div class="class3"></div>
</div>
<div class="class1">
    <div class="class2">goo</div>
    <div class="class3"></div>
</div>

CSS

body {font-family:Helvetica,Arial,sans-serif;}
.class1 {border:1px solid #DE1E7E; padding:4px; margin: 4px; width: 200px;}
.class2 {color: #AAA}
.class3 {color: #333}

JavaScript

/**
 * для вопроса http://hashcode.ru/questions/356638/
 */
$('.class1').each( function(){
    var html = $('.class2', this).html().trim();

    $('.class3', this).html( html + ' gle'); // взять class3 в контексте очередного class1
});