JSFiddle - React, Tailwind, and code Playground

by extempl

HTML

///////Top Element//////////
<div class="stack-item">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12 text-center index-area">
                    <label tabindex="0">YOUR INDUSTRY BORROWING HISTORY</label>
                    <div class="index solid-shape-large-rating-fair AnalysisCategory">
                        MODERATE RISK
                    </div>
                </div>
            </div>
        </div>

//////////////Middle Element////////////////////

<div class="stack-item">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12 text-center index-area">
                    <label tabindex="0">TENURE OF YOUR BUSINESS</label>
                    <div class="index solid-shape-large-rating-poor AnalysisCategory">
                        POTENTIAL CONCERN
                    </div>
                </div>
            </div>
        </div>
////////////Bottom Element/////////////

<div class="stack-item" style="">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12 text-center index-area">
                    <label tabindex="0">YOUR BUSINESS PROFITABILITY</label>
                    <div class="index solid-shape-large-rating-excellent AnalysisCategory">
                        EXCELLENT
                    </div>
                </div>
            </div>
        </div>

JavaScript

console.log(document.querySelectorAll('[class*="solid-shape-large-rating-"]'))