获取内容 <div> 知道它的身份

Question

我试图得到一个我知道部分id的元素的内容。
foo变量是正确生成的，但是我不能让它从div元素返回一个图表对象。
这是我正在使用的jQuery代码：

$(".addViewport").click(function () {                   

  var foo = "#" + $(this).parent().children('div[id$="_chart"]').attr('id');

  var chart = foo.CanvasJSChart();

  chart.options.axisX.viewportMaximum += 86400000;
  chart.render();

});

这是html：

<div id="temperature">
    <div id="temperature_chart" style="height: 300px; width: 100%;"></div>
    <button class="addViewport">Viewport +</button>
</div>

我正在使用的图表库名为CanvasJS，它有一个名为.CanvasJSChart（）的方法; 从特定div元素获取图表。

Answer 1

该行返回一个字符串（ "#temperature_chart" ）：

var foo = "#" + $(this).parent().children('div[id$="_chart"]').attr('id');

这就是为什么这条线无法工作的原因：

var chart = foo.CanvasJSChart();

---

foo需要成为一个jQuery对象才能使所有这些工作。 例如：

var foo = $(this).parent().children('div[id$="_chart"]');

Answer 2

这在JSFiddle中对我有用：

$(".addViewport").parent().children().get(0)

https://jsfiddle.net/fyvh0o56/