Php 使用';变量';在HTML中?
不必改变列表中每个项目的值Php 使用';变量';在HTML中?,php,javascript,jquery,html,variables,Php,Javascript,Jquery,Html,Variables,不必改变列表中每个项目的值 <li class="item drawing"> <a class="fancybox" rel="group" href="images/portfolio/skateboard_l.jpg"> <img src="images/portfolio/skateboard.jpg" alt="skateboard"/> <h3>Skateboard</h3> </a&g
<li class="item drawing">
<a class="fancybox" rel="group" href="images/portfolio/skateboard_l.jpg">
<img src="images/portfolio/skateboard.jpg" alt="skateboard"/>
<h3>Skateboard</h3>
</a>
</li>
有可能有这样的东西吗
item="Skateboard
<li class="item drawing">
<a class="fancybox" rel="group" href="images/portfolio/[item-lowercase][if "item"_l.jpg exists, echo"_l"].jpg">
<img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
<h3>[item]</h3>
</a>
</li>
item=“滑板
所以我可以只更改列表中每个项目的item变量,而不是所有单独的条目
谢谢。您可以在PHP中使用
echo
实现这一点
例如,如果图像名称存储在$images[“myImage”]
中,并且alt是$imageAlts[“myImage”
.jpg“alt=”“/>
您可以在PHP中使用echo
执行此操作
例如,如果图像名称存储在$images[“myImage”]
中,并且alt是$imageAlts[“myImage”
.jpg“alt=”“/>
我猜您想使用模板
如果您想在JS客户端执行此操作:
<!doctype html>
<html ng-app>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>
姓名:
你好{{你的名字}}!
看起来也会有帮助。它可以让您执行以下操作:
<!doctype html>
<html ng-app>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>
姓名:
你好{{你的名字}}!
是一个很好的PHP模板系统。如果您想使用PHP在JavaScript上进行模板制作,只需从其中一个教程开始(或查看其他PHP模板系统)。是一个很好的PHP模板系统。如果您想使用PHP在JavaScript上进行模板制作,只需从其中一个教程开始(或查看其他PHP模板系统)。在PHP中执行此操作的经典方法是在PHP中创建一个项目数组,然后在该数组上迭代,创建带有适当[item lowercase]项的HTML列表项目
我会考虑将[IF项目存在]作为构建数据数组的过程的一部分,这样在构建HTML时不必做任何复杂的事情。然后,只需循环通过数组并显示项目中的任何内容。
当然,这是一种简化foreach($itemList as $key=>$theItem){
?>
<li class="item drawing">
<a class="fancybox" rel="group" href="images/portfolio/<?php echo $theItem ?>
<img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
<h3>[item]</h3>
</a>
</li>
<?php
}
foreach($itemlistas$key=>$item){
?>
在PHP中实现这一点的一种经典方法是在PHP中创建一个项目数组,然后在该数组上迭代,使用适当的[item lowercase]条目创建HTML列表项目
我会考虑将[IF项目存在]作为构建数据数组的过程的一部分,这样在构建HTML时不必做任何复杂的事情。然后,只需循环通过数组并显示项目中的任何内容。
当然,这是一种简化
foreach($itemList as $key=>$theItem){
?>
<li class="item drawing">
<a class="fancybox" rel="group" href="images/portfolio/<?php echo $theItem ?>
<img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
<h3>[item]</h3>
</a>
</li>
<?php
}
foreach($itemlistas$key=>$item){
?>
我能想到的最好的解决方案是构建一个数组(我会使用PHP)…然后使用while循环来构建列表…将其全部放在一个函数中,并在需要时调用它
例如:
<?php
function itemList(){
$items=array ("skateboard","rollerskates","scooter","rollerblades");
reset($items);
while (list(, $value) = each($items)) {
echo '<li class="item drawing">';
echo '<a class="fancybox" rel="group" href="images/portfolio/' . $value . '_l.jpg">';
echo '<img src="images/portfolio/' . $value . '.jpg" alt="' . $value . '"/>';
echo '<h3>' . $value . '</h3>'; echo '</a>';
echo '</li>';
}
}
?>
然后在HTML文件中(您希望列表显示的位置):
如果将函数放在单独的.php文件中,则必须将其包含在HTML文档中:
<?php include ('/url/of/list.php'); ?>
我能想到的最佳解决方案是构建一个数组(我会使用PHP)…然后使用while循环来构建列表…将所有内容放在一个函数中,并在需要时调用它
例如:
<?php
function itemList(){
$items=array ("skateboard","rollerskates","scooter","rollerblades");
reset($items);
while (list(, $value) = each($items)) {
echo '<li class="item drawing">';
echo '<a class="fancybox" rel="group" href="images/portfolio/' . $value . '_l.jpg">';
echo '<img src="images/portfolio/' . $value . '.jpg" alt="' . $value . '"/>';
echo '<h3>' . $value . '</h3>'; echo '</a>';
echo '</li>';
}
}
?>
然后在HTML文件中(您希望列表显示的位置):
如果将函数放在单独的.php文件中,则必须将其包含在HTML文档中:
<?php include ('/url/of/list.php'); ?>
听起来像是在寻找模板系统(PHP或JS)。这就是我要找的词!听起来像是在寻找模板系统(PHP或JS).这就是我要找的词!似乎是一个完美的方式,谢谢。似乎是一个完美的方式,谢谢。AngularJS似乎不适用于FancyBox,所以我选择了使用你的方法。我正要说它不起作用时,我注意到你使用了$list而不是$items。现在似乎工作正常,谢谢。哈…对不起,abo但是,这…很好!我现在就更新它,这样它就不会弄乱其他人。有没有一种方法可以拥有多个变量?例如名称和类型?是的…我想你指的是一个关联数组。你可以在这里阅读更多关于它们的信息:让我们来看看AngularJS似乎不与FancyBox一起工作,所以我选择使用你的方法。我只是当我注意到你使用了$list而不是$items时,我并不是说它不起作用。现在似乎工作得很好,谢谢。哈…很抱歉…很好!我现在就更新它,这样它就不会打乱其他人。有没有办法拥有多个变量?例如名称和类型?是的…我认为你指的是一个关联数组。你知道吗可以在这里阅读更多关于他们的信息:让我们