如何使用 jquery 在页面上获取值并使用 php 将其回显到页面上

Question

问题：
我需要在强标签中获取数字 65。
我尝试了以下代码，但它显示 Uncaught ReferenceError。
（我是一个新手，我花了几个小时来创建以下代码，但结果是这样的......）
你能告诉我如何解决这个问题吗？

我试过的代码：

<script type="text/javascript">
jQuery(document).ready(function ($) {
var getnum;
getnum = $('div.elementor-widget-container p > strong').text();
<?php $abc = "<script>document.write(getnum)</script>"?>   
});
</script>
<?php echo $abc;?>

控制台错误：
未捕获的引用错误：getnum 未定义

HTML（代码来自 yith point & reward 插件）：

<div class="elementor-element elementor-element-c1d0790 elementor-widget elementor-widget-text-editor" data-id="c1d0790" data-element_type="widget" id="pointsid" data-widget_type="text-editor.default">
    <div class="elementor-widget-container">
        <p>Your credit is  <strong>65</strong> Points</p>                       
    </div>
</div>

谢谢

Answer 1

Getnum 是在加载文档时定义的。当你访问getnum时，它还没有声明。

Answer 2

您混淆了 javascript 和 php。您可以将变量从服务器端（即 php）传递到客户端（即 javascript），但反过来不行！至少在不使用 ajax 的情况下不会在同一页面上。您可以使用 ajax 来完成，但您在这里没有使用 ajax。但是有一些技巧，不推荐用于制作。

另外值得一提的是，你的问题并不清楚你为什么要那样做。

如果你这样写你的代码，你不会得到任何错误：

<script type="text/javascript">
  jQuery(document).ready(function($) {
    let getnum = $('div.elementor-widget-container p > strong').text();
    console.log(getnum);
  });
</script>

这将在控制台中为您提供 65。但是，您想使用 php.

来回应它

不建议将以下“技巧”用于制作：

您可以使用“localStorage”来存储您的值并再次检索它！
您也可以使用“cookies”！

所以你的代码应该是这样的：

<script type="text/javascript">
  jQuery(document).ready(function($) {
    let getnum = $('div.elementor-widget-container p > strong').text();
    localStorage.setItem("getnum", getnum);
  });
</script>

<?php echo "<script>document.write(localStorage.getItem('getnum'));</script>"; ?>

这将使用 php!

将 65 回显到页面上

如果这就是您要找的，请告诉我！

已测试，运行良好！

如何使用 jquery 在页面上获取值并使用 php 将其回显到页面上

How to get a value on a page using jquery and echo it onto the page using php

javascript

php

wordpress

jquery

custom-wordpress-pages