JSFiddle - React, Tailwind, and code Playground

by bryandowning

HTML

<div class="p3">
    <div class="errors">errors2</div>
    <div class="p2">
        <div class="errors">errors1</div>
        <div></div>
        <div class="p1">
            <div class="start">
                start
            </div>            
        </div>      
    </div>
</div>

JavaScript

jQuery(function($){

    var $start = $('.start'),
        $parents = $start.parents();

    $parents.each(function(){
        var $this = $(this),
            $thisErrors = $this.find('.errors'),
            numErrors = $thisErrors.length;

        if(numErrors){
            alert($thisErrors.eq(numErrors-1).text());
            return false;
        }

    });

});