使用JavaScript在网页上按顺序获取类名的一部分?

使用JavaScript在网页上按顺序获取类名的一部分?,javascript,Javascript,有没有一种方法可以使用Javascript在web应用程序上按顺序(从上到下)提取类名的一部分?我有一个问题,我需要获得信息的第三方网络应用程序,我们正在整合到我们的网站我无法更改他们的代码。我要做的是取类名(例如class=“index solid shape large rating fair AnalysisCategory”或class=“index solid shape large rating poor AnalysisCategory”等)并在类名中的“rating-”后抓取值(

有没有一种方法可以使用Javascript在web应用程序上按顺序(从上到下)提取类名的一部分?我有一个问题,我需要获得信息的第三方网络应用程序,我们正在整合到我们的网站我无法更改他们的代码。我要做的是取类名(例如class=“index solid shape large rating fair AnalysisCategory”或class=“index solid shape large rating poor AnalysisCategory”等)并在类名中的“rating-”后抓取值(class=“index solid shape large rating-[想要此值]AnalysisCategory”)。所以在我举的例子中,我会按照这个顺序,从上到下依次返回,“公平”、“差”和“优秀”。这可能吗?如果是,怎么做?请注意,在我的示例中,元素之间会有更多的标记,如果这会影响答案的话?为了演示的目的,我刚刚清理了不相关的代码。它们并不像我的例子中那样直接堆叠在一起

///////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>
///Top元素//////////
你的行业历史
中等风险
//////////////中间元素////////////////////
您的企业任期
潜在问题
////////////底部元素/////////////
您的企业盈利能力
杰出的

谢谢大家!

我在另一个网站上找到了这个答案

$(function() {
$('[class*="solid-shape-large-rating-"]').each(function(i, e) {
    var result = this.className.match(/solid-shape-large-rating-(.*?)\s+/);
    console.log(result[1]);
    });
});

答案取决于HTML的结构。如果所讨论的div始终是“stack item”下“row”的子级,那么您可以在此继承权下获取所有此类div。然后抓取这些子div的类并尝试解析应用于它的类,例如使用regex;