使用JQUERY在HTML中迭代文本标签

时间:2015-07-09 07:53:07

标签: jquery html highcharts

对于我在Highcharts中的图表,我希望能够仅选择要绘制的x轴的一些标签。

示例:我的x轴时间为24小时[8:15,8:30,8:45...8:00],我只想选择那些时间[8:00,9:00,10:00...]

Highcharts的HTML代码如下所示:

<g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7">

    <text x="42.40625" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1"></text>
    <text x="59.21875" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1">

        10:00

    </text>
    <text x="76.03125" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1">

        10:15

    </text>
    <text x="92.84375" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1"></text>

每天有96个时间值。

到目前为止,我这样做了(这只提取了第一个文本(10:00)):

var test = $('g.highcharts-axis-labels.highcharts-axis-labels text').html();

所以问题是如何迭代所有文本标签?

1 个答案:

答案 0 :(得分:0)

您可以使用filter,并过滤整个小时:

var labels = jQuery('text').filter(function() {
    var regex = /[0-9]+\:00/;
    return regex.test($(this).text());
});

console.log(labels);

Fiddle