HighCharts到2個或更多相同的div

Question

我有下面的代碼只填充的div的1：

$(function() { 
    var $container = $('.portlet_content_18'); 

    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: $container[0], 
      height: 400 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
     }] 
    }); 
});​ 

凡HTML看起來是鏈接這樣的：

<div class="portlet_content_18"> 
<div class="portlet_content_18"> 

我如何得到它填充兩個div？或者如果有10個，20個，100個或更多個相同類別的div，那麼所有div？

這裏是一個的jsfiddle： http://jsfiddle.net/Chmts/

Answer 1

使用$。每個：

$('.portlet_content_18').each(function(){ 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: this, 
      height: 400 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
     }] 
    }); 
}));