Javascript 在PHP条件下向元素添加html

我正在尝试在页面中现有元素的旁边添加HTML。这就是我尝试过的：：

HTML/PHP

<?php 
if ( $duedatereservation < $today ) {
//echo "Past Due!";
$isPastDue = true;
}    
?>
<div class="container">
  <div class="inner">Transaction Date</div>
  <div class="inner">Due Date</div>
</div>
<h2 id="report">Notice</h2>

交易日期
到期日
通知

jquery:

$(document).ready(function(){
    $("<span>Past Due!</span>").insertAfter("#report");
});

$（文档）.ready（函数（）{
$（“过期！”）。在（#报告）之后插入；
});

我想要的是，当条件$isplastdue为true时，我想在#report h2旁边追加/添加一个html标记。但它没有显示出来。有什么想法吗？非常感谢你的帮助。谢谢。

试着这样做：

<?php
if($isPastDue) {
?>
<script>
    $(document).ready(function(){
        $("<span>Past Due!</span>").insertAfter("#report");
    });
</script>
<?php
}
?>

$（文档）.ready（函数（）{
$（“过期！”）。在（#报告）之后插入；
});

试着这样做：

<?php
if($isPastDue) {
?>
<script>
    $(document).ready(function(){
        $("<span>Past Due!</span>").insertAfter("#report");
    });
</script>
<?php
}
?>

$（文档）.ready（函数（）{
$（“过期！”）。在（#报告）之后插入；
});

试试这段代码

<?php 
if ( $duedatereservation < $today ) {
//echo "Past Due!";
$isPastDue = true;
}    
?>
<div class="container">
  <div class="inner">Transaction Date</div>
  <div class="inner">Due Date</div>
</div>
<h2 id="report">Notice</h2>
<?php if($isPastDue):?>
  <span>Past Due!</span>
<?php endif;?>

交易日期
到期日
通知
过期！

如果您的需求如此之多，则无需添加JavaScript。只需使用php即可

试试这段代码

<?php 
if ( $duedatereservation < $today ) {
//echo "Past Due!";
$isPastDue = true;
}    
?>
<div class="container">
  <div class="inner">Transaction Date</div>
  <div class="inner">Due Date</div>
</div>
<h2 id="report">Notice</h2>
<?php if($isPastDue):?>
  <span>Past Due!</span>
<?php endif;?>

交易日期
到期日
通知
过期！

---

如果您的需求如此之多，则无需添加JavaScript。只需使用php即可

因此，主要情况是，仅当

isplastdue

为

true

时，才希望执行

insertAfter

脚本。您可以通过在关闭PHP

的
if
条件之前回显
insertAfter
脚本来完成此操作

<?php
if($duedatereservation < $today){
    echo '<script>';
    echo '...
    echo '</script>';
}

因此，主要情况是，仅当
isplastdue
为
true
时，才希望执行
insertAfter
脚本。您可以通过在关闭PHP
的
if
条件之前回显
insertAfter
脚本来完成此操作

<?php
if($duedatereservation < $today){
    echo '<script>';
    echo '...
    echo '</script>';
}

无需为此使用JQuery。您只能使用PHP来实现这一点

<h2 id="report">Notice <?php if($isPastDue){echo "<span>Past Due!</span>";} </h2>

注意不需要为此使用JQuery。您只能使用PHP来实现这一点

<h2 id="report">Notice <?php if($isPastDue){echo "<span>Past Due!</span>";} </h2>

通知