Question

我正在使用HighStock图表来准备图表。 HighStock使用SVG在其API中绘制HTML。

以下是生成的HTML代码段：

<g class="highcharts-grid" zIndex="1"> 
<g class="highcharts-grid" zIndex="1">
<g class="highcharts-grid" zIndex="1">
<g class="highcharts-grid" zIndex="1">
    <path fill="none" d="M 36 385.5 L 1397 385.5" stroke="#C0C0C0" stroke-width="1" zIndex="1">
    <path fill="none" d="M 36 350.5 L 1397 350.5" stroke="#C0C0C0" stroke-width="1" zIndex="1">
    <path fill="none" d="M 36 420.5 L 1397 420.5" stroke="#C0C0C0" stroke-width="1" zIndex="1">
</g>
<g class="highcharts-grid" zIndex="1">

现在我使用Jquery foreach使用以下内容获取包含“highcharts-grid”类的g：

$('.highcharts-grid').each(function(i, gridLinesArray) {
        // get path from gridLines

    });

现在，一些元素可能包含“path”而某些元素不包含（正如您在生成的HTML中看到的那样），我想获取包含它们的每个“g”的路径元素数组。

希望我对这个问题很清楚。如果需要，请要求澄清。

Answer 1

我不完全确定你在做什么，但这可能适合你：

$('.highcharts-grid').each(function(i, gridLinesArray) {
  var paths = $('path', this);
       // or  $(this).find('path');
});

从SVG G元素中获取子元素

1 个答案: