如何将 PHP 回显 DIV 值传递到对话框

how to pass PHP echo DIV values to dialog box

本文关键字：值传 对话框 DIV 回显 PHP      更新时间：2023-09-26

每篇文章都位于DIV标签中。想要使每个DIV可点击，一旦我单击DIV，对话框应该显示适当的DVI值 $add->tbl_article_content，$add->tbl_article_image我的JS对话框仅出现第一个DIV。 我应该如何为所有DIV执行此操作并传递相关数据。

.PHP 

<div class="row">
<?php
    foreach ($data as $value) {
       echo "<div class='col-lg-3'>";
       echo "<p id='target'>" . $value->tbl_article_header . "</p>";
       echo "</div>";       
}
?>

Jquery 

$( "#target" ).click(function() {
        alert( "relevant DIV database values ??? " );
    });

与其target作为id，不如将其设为class 

<div class="row">
<?php
    foreach ($data as $value) {
       echo "<div class='col-lg-3'>";
       echo "<p class='target'>" . $value->tbl_article_header . "</p>";
       echo "</div>";       
   }
?>


$( ".target" ).click(function() {
     alert( $(this).html() );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='col-lg-3'>
<p class='target'>Value 1</p>
</div>
<div class='col-lg-3'>
<p class='target'>Value 2</p>
</div>
<div class='col-lg-3'>
<p class='target'>Value 3</p>
</div>

更新

<div class="row">
<?php
    foreach ($data as $value) {
       echo "<div class='col-lg-3'>";
       echo "<p class='target' data-article=".$add->tbl_article_content.">" . $value->tbl_article_header . "</p>";
       echo "</div>";       
   }
?>


$( ".target" ).click(function() {
     alert( $(this).attr('data-article') );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='col-lg-3'>
<p class='target' data-article="Articel 1">Head 1</p>
</div>
<div class='col-lg-3'>
<p class='target' data-article="Articel 2">Head 2</p>
</div>
<div class='col-lg-3'>
<p class='target' data-article="Articel 3">Head 3</p>
</div>

id 在页面中是唯一的...... 将类用于一组相关的div

<?php
foreach ($data as $value) {
   echo "<div class='col-lg-3'>";
   echo "<p class='target'>" . $value->tbl_article_header . "</p>";
   echo "</div>";       
}
?>

而对于 JS来说

 $( ".target" ).click(function() {
    alert( "relevant DIV database values ??? " );
  });
相关文章：