2012-09-14 32 views
0

我在JavaScript中有這個循環數據。我想爲每個值放置html css和php。如何在JavaScript中放置html css php(jquery)

 var html = ''; 
       $.each(data, function(name, value) { 
       html += value.email + "<br />" + value.content + "<br />"; 
       }); 
       $('#sidebarColumn').html(html); 

這裏我剛剛列出了一些值。可以說,我想有

<span class="userEmail">value.email<span> 
<div class="userContent">value.content</div> 
<img src="<?php echo base_url() ?> value.picture" /> 

我怎樣才能將它們放置在JS或有使代碼可讀性另一種方式? *因爲我想在該專區,以取代以前的#sidebarColumn數據並把數據循環使用我的.html()這裏

+1

如果你想可讀的代碼,做了很多這樣的渲染,你應該檢查出的TEM例如小鬍子的平板引擎:http://mustache.github.com/ –

+1

<?php echo base_url()?>被服務器端所取代,所以無論如何都是無用的。 +1模板解決方案。 –

+0

@HollyStyles我需要它,因爲value.picture是一個路徑從數據庫檢索,所以它實際上就像這樣public/images/abc.jpg – vzhen

回答

2

可以在<編寫PHP腳本>標籤這樣的,如果這就是你正在尋找

<script type="text/javascript"> 

    var baseUrl = '<?php echo $this->baseUrl() ?>'; 

    var someVariable = '<?php 
          //some more php here 
         ?>'; 
</script> 
0

嘗試了這一點

var html = ''; 
$.each(data, function(name, value) { 

html += '<span class="userEmail">'+value.email+'<span>'; 
html += '<div class="userContent">'+value.content+'</div>'; 
html += '<img src="<?php echo base_url() ?>"' + value.picture + '/>'; 
}); 
$('#sidebarColumn').html(html);