jquery - 如何在javascript（Jquery）中放置html css php

Question

我在javascript中有这个循环数据。我想为每个值放置 html css 和 php。

        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 中，或者有其他方法可以使代码可读？

注意*我在这里使用 .html() 因为我想替换 #sidebarColumn 以前的数据并将循环数据放在该 div 中

Answer 1

你可以像这样在 <script> 标签中编写 php，如果那是你正在寻找的

<script type="text/javascript">

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

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

Answer 2

试试这个

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);