повторить div и UL 3 раза, но li будет повторяться 7 раз
У меня есть структура HTML с начальной загрузкой 3 столбца, которые все div повторить только 3 раза, но все div Имеется ul и каждый ул имеет 7 li,
Я хочу показать динамический список в соответствии с приведенной ниже структурой HTML:
<div class="col-md-4 padding-left">
<ul class="unstyled">
<li><a href="#"><i class="fa fa-angle-right"></i> Mechanical Engineering Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> BPO Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Networking Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Java Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Online Marketing Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Animation Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Design Engineer Jobs</a></li>
</ul>
</div>
<div class="col-md-4 padding-left">
<ul class="unstyled">
<li><a href="#"><i class="fa fa-angle-right"></i> Analytics Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> UI/UX Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> NLP Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Marketing Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Banking Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> MBA Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Teaching Jobs</a></li>
</ul>
</div>
<div class="col-md-4 padding-left">
<ul class="unstyled">
<li><a href="#"><i class="fa fa-angle-right"></i> Accounting Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Retail Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Travel Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Merchandiser Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Architecture Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Banking Insurance Jobs</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i> Music Jobs</a></li>
</ul>
</div>
Для этого я видел ответы ниже и попробовал с кодом ниже.
Я пробовал с приведенным ниже кодом, но он не работает, как следует.
<?php
$sqlEng = mysql_query('select * from jobs_category');
$count = 1;
while($resEng = mysql_fetch_array($sqlEng)){
if ($count%3 == 1)
{
?>
<div class="col-md-4 padding-left">
<?php } ?>
<ul class="unstyled">
<li><a href="#"><i class="fa fa-angle-right"></i> <?php echo $resEng['name'];?></a></li>
</ul>
<?php if ($count%3 == 0)
{
?>
</div>
<?php } $count++; } ?>
Решение
Предполагая, что у вас есть только 21 запись в таблице.
попробуй это.
<?php
//$sqlEng = mysql_query('select * from jobs_category');
$servername = "localhost:3306";
$username = "root";
$password = "";
// Create connection
$conn = new mysqli($servername, $username, $password, "stack1");
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
echo "Connected successfully";
$sqlEng = $conn->query('select * from jobs_category');
$count = 1;
while($resEng = $sqlEng->fetch_assoc()){
if ($count%7 == 1)
{
?>
<div class="col-md-4 padding-left">
<ul class="unstyled">
<?php } ?><li><a href="#"><i class="fa fa-angle-right"></i> <?php echo $resEng['name'];?></a></li><?php if ($count%7 == 0)
{
?>
</ul>
</div>
<?php } $count++;
} ?>
проверено в моем местном.
Другие решения
Если я правильно понял ваш вопрос, вы пытаетесь распространить пункты списка. <li> A Job </li> через три списка <div> <ul> List Items </ul> </div>
<?php
$sqlEng = mysql_query('select * from jobs_category');
$count = 1;
$group_one = "<div class='col-md-4 padding-left'>
<ul class='unstyled'>
";
$group_two = "<div class='col-md-4 padding-left'>
<ul class='unstyled'>
";
$group_three = "<div class='col-md-4 padding-left'>
<ul class='unstyled'>
";
while($resEng = mysql_fetch_array($sqlEng)){
if($count > 3) {
$count = 1;
}
switch ($count) {
case 1:
$group_one .= "<li><a href='#'><i class='fa fa-angle-right'></i> " .$resEng['name'] . "</a></li>";
break;
case 2:
$group_two .= "<li><a href='#'><i class='fa fa-angle-right'></i> " .$resEng['name'] . "</a></li>";
break;
case 3:
$group_three .= "<li><a href='#'><i class='fa fa-angle-right'></i> " .$resEng['name'] . "</a></li>";
}
$count++;
}
$group_one .= "</ul>
</div>";
$group_two .= "</ul>
</div>";
$group_three .= "</ul>
</div>";
echo $group_one . $group_two . $group_three;
?>
Вы хотите улучшить использование MySQl mysqli https://www.w3schools.com/php/php_ref_mysqli.asp