Получить дочерние элементы из элемента SVG G

Question

Я использую графики HighStock для подготовки диаграмм. HighStock использует SVG для построения HTML в своем API.

Вот сгенерированный 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"> 

Теперь я использую Jqueryforeach получить g содержащий класс "Highcharts-сетка" с использованием:

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

    }); 

Теперь, некоторые элементы могут содержат «путь», а некоторые нет (как вы можете видеть в сгенерированном HTML), я хочу получить массив элементов пути для каждого содержащего их «g».

Надеюсь, что на вопрос. Если потребуется, уточните пожалуйста.

Answer 1

Я не совсем уверен, что вы делаете с ними, но это может работать для вас:

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