javascript - 获取 <div> 的内容，知道它的 id

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"]');