使用/ jquery查找highcharts按钮的父级

Question

我的highcharts图表中有一个按钮，它使用以下代码：

exporting: {
    buttons: {
        backButton: {
            _titleKey: 'backTitle',
            enabled: theChart.buttonOn,
            x: 0,
            y: 300,
            onclick: function () {
                $(this).parents(".chart").data('chart', $(this).parents(".chart").data('mainChart'));
                $(this).parents(".chart").trigger('redoChart');
            },
            text: 'Click to return to full graph',
            width:200,
            theme: {
                'stroke-width': 1,
                stroke: 'black',
                fill: '#cccccc',
                states: {
                    hover: {
                        'stroke-width': 1,
                        stroke: 'black',
                        fill: '#cccccc'
                    },
                    select: {
                        'stroke-width': 1,
                        stroke: 'black',
                        fill: '#cccccc'
                    }
                }
            }
        }
    }
}

当我点击此按钮时，没有任何反应。我已经确定这是因为$(this).parents(".chart")没有正确识别我的图表的容器div（它确实有类“图表”）。如果我用$(this).parents(".chart")替换$("#thechart")，一切都很好。

Answer 1

使用：

$(this.container).parents('.chart').hide();

在按钮处理程序this中是一个highcharts对象。 this.container是div中创建的高级图表。因此，为了隐藏整个事物，您正在查找已添加图表类的父级。