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

Question

我正在尝试获取我知道部分 ID 的元素的内容。
foo 变量已正确生成，但我无法将其从 div 元素获取到 return 图表对象。
这是我正在使用的 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(); to get the chart from specific div element.

的方法

Answer 1

这一行returns一个字符串("#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/

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

Get content of <div> knowing its id

html

javascript

jquery

canvas

canvasjs