将内容从标签加载到div中

Question

I am trying to use a php variable that holds an html snippet to display inside a div when an <li> is clicked. The below code works if the variable only holds a string of text with no html. But as soon as I add html it stops working. What am I doing wrong?

I have updated the code based on help I received below, but it is still not working.

This works:

$(function() {
            $('#tab-1').click(function() {
                    alert('click event called!'); var tabcontent = "Test Content";
                    document.getElementById('top-tabs-content').innerHTML = tabcontent;
            });
            });

This doesn't:

$(function() {
            $('#tab-1').click(function() {
                    alert('click event called!'); var tabcontent = "<?php echo json_encode($tabcontent[0]);?>";
                    document.getElementById('top-tabs-content').innerHTML = tabcontent;
            });
            });

Answer 1

Try to replace

var tabcontent = "<?php echo $tabcontent[1]; ?>"

with

var tabcontent = "'" + "<?php echo $tabcontent[1]; ?>" + "'";