[英]how to pass PHP echo DIV values to dialog box
每個文章都位於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 ??? " );
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.