将回声插入到特定的html元素中，例如具有id或类的div

php javascript jquery

2022-08-31 01:15:58

我有这个代码。

<html>
<head>
<style type="text/css">
body{background:#666666;}
div{border:1px solid red;}
</style>
</head>
<body>
<?php

$con = mysql_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db("juliver", $con);

$result = mysql_query("SELECT * FROM hi");

while($row = mysql_fetch_array($result))
{

echo '<img src="'.$row['name'].'" />';  
echo "<div>".$row['name']."</div>";
echo "<div>".$row['title']."</div>";
echo "<div>".$row['description']."</div>";
echo "<div>".$row['link']."</div>";
echo "<br />";
}

mysql_close($con);

?>
</body>
</html>

上面的代码有效。

现在，我想插入这个

echo '<img src="'.$row['name'].'" />'; 
echo "<div>".$row['name']."</div>";
echo "<div>".$row['title']."</div>";
echo "<div>".$row['description']."</div>";
echo "<div>".$row['link']."</div>";
echo "<br />";

到指定的div或html中的其他元素中，例如，我将插入这个

echo '<img src="'.$row['name'].'" />';

到 html 元素中。

我不知道该怎么做，请帮帮我。谢谢

朱利弗

答案 1

如果你想放在一个div中，就像我有同样的工作，我这样做像

<div id="content>
<?php
while($row = mysql_fetch_array($result))
{
echo '<img src="'.$row['name'].'" />';  
echo "<div>".$row['name']."</div>";
echo "<div>".$row['title']."</div>";
echo "<div>".$row['description']."</div>";
echo "<div>".$row['link']."</div>";
echo "<br />";
}
?>
</div>

答案 2

我唯一能想到的是

包括文件
使用preg_match_all替换文件中的元素
使用分配的变量

我最近一直在使用str_replace并在HTML部分中设置文本，如下所示

{{TEXT_TO_REPLACE}}

使用file_get_contents（），您可以获取html数据，然后按照自己喜欢的方式组织它。

这是一个演示

myReplacementCodeFunction(){
  $text = '<img src="'.$row['name'].'" />'; 
  $text .= "<div>".$row['name']."</div>";
  $text .= "<div>".$row['title']."</div>";
  $text .= "<div>".$row['description']."</div>";
  $text .= "<div>".$row['link']."</div>";
  $text .= "<br />";
  return $text;
}

$htmlContents = file_get_contents("myhtmlfile.html");
$htmlContents = str_replace("{{TEXT_TO_REPLACE}}", myReplacementCodeFunction(), $htmlContents);
echo $htmlContents;

现在是一个演示的 html 文件：

<html>
<head>
   <style type="text/css">
      body{background:#666666;}
      div{border:1px solid red;}
   </style>
  </head>
  <body>
    {{TEXT_TO_REPLACE}}
  </body>
</html>