javascript - 来自 PHP 的 echo-ed HTML 元素未在 JAVASCRIPT 中读取

Question

所以我有一些从 PHP 生成的 html 元素，因为大部分内容都是从数据库中获取的

即

<?php
    ...
    while($row = $sqlQry->fetch_object()) {
        echo "<li class = 'lstOption' id = 'opt$row->name' data-value = '$row->total_count'>
                  <h3>$row->given_reference<h3>
              </li>";
    }
    ...
?>

这是基于我的 javascript 的示例结构

<script>
    $("ul li").click(function(){
        alert($(this).data('value'));
    });
</script>

但是如果我在 echo 中注入(inject)一个 onClick= 属性。脚本正确执行。我需要的是脚本与来自 php 的 echo-ed html 元素一起工作。

Answer 1

尝试使用变量插值语法，即将变量用大括号括起来

"{$var}" take note that you have to use double quotes("") for this

"<li class = 'lstOption' id = 'opt{$row->name}' data-value = '{$row->total_count}'>
              <h3>{$row->given_reference}<h3>
          </li>"