2017-11-03 5 views
-1

내가 부트 스트랩 3 열이있는 HTML 구조 만 모든 div 반복 3 번을 반복하지만, 모든 divul이 각각 UL은 7 li있다.반복 사업부 및 UL 3 회 그러나 리는 7 번

나는 아래의 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++; } ?> 
+0

mysqli을 향상 사용하는 것이 좋습니다 당신이 디버거를 사용하여 시도하고 각 단계마다 혈관 검사? – arielnmz

+0

예, 각 반복 횟수를 인쇄하려고했습니다. – mageDev0688

+0

그리고 당신은 ...? – philipxy

답변

0

테이블에 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++;  

    } ?> 

내 지역에서 테스트되었습니다.

+0

이것은 정확하지 않습니다.'div '는 각'div'에서 7 번 반복됩니다.'div' 대신 하나의'ul' 내에 반복적으로''li''가 있습니다. – mageDev0688

+0

@ mageDev0688 처음으로 게시 한 후 답변을 편집했습니다. 물론 최신 정보를 얻었습니까? – Harshakj89

+0

이 프로그램을 실행하고 결과를 볼 수 있다면 다시 같은 문제입니다. – mageDev0688

0

내가 제대로 질문을 얻는 경우에, 당신은 목록 항목을 확산 <li> A Job </li> 세에서 목록

<?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; 
?> 

<div> <ul> List Items </ul> </div>하려는 당신은 MySQL이 https://www.w3schools.com/php/php_ref_mysqli.asp