獲取內容 <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/