首页 > 解决方案 > 我如何通过在 php OOP 中使用 foreach 循环动态获取 jquery 选项卡的选项卡 ID

问题描述

我的数据库中有一个类别表和子类别表。我正在尝试将“类别”标题显示为选项卡,将“子类别”名称显示为我的选项卡内容。

我试图在谷歌上找到解决方案,但没有找到任何相关的解决方案。

选项卡中的类别

 <div class="product-category">
 <ul class="nav nav-tabs" role="tablist">
   <?php $sql = "select * from category order by category_name asc";
       $category = Category::find_by_sql($sql);  
           foreach($category as $cat){
                ?>
<li>
<a class="small menu-icons clothing" href="#<?php echo $cat->id; ?>" role="tab" data-toggle="tab"><i class="fa fa-shirtsinbulk"></i><?php echo $cat->category_name; ?></a>
</li>
  <?php } ?>
  </ul>
  </div>

标签内容中的子类别

 <div class="product-contant clearfix">
     <div class="product-block clearfix">
      <div class="tab-content">
       <?php $category = $cat->id;  
       $sql = "select * from sub_category where cat_id='$category' order by subcategory_name asc";
     $subcategory  =  Subcategory::find_by_sql($sql);                               
    foreach($subcategory as $subcat){
                                    ?>
     <div class="tab-pane fade active in" id="<?php echo $subcat->cat_id; ?>">
        <div class="item-block clearfix">
      <div class="product-item">
    <ul class="products-row">
       <li class="image-block">
       <a href="#"><span><img src="images/products/women/clothing/products-img-6.jpg" alt="" /></span></a>
     </li>
       <li class="products-details">
       <a href="#"> <?php echo $subcat->subcategory_name; ?> </a>
          <span>$1600</span>
         </li>
         </ul>
              </div>
              </div>
                 </div>
                  <?php } ?>
                     </div>
                      </div>
</div>

我没有按类别 ID 获得子类别名称

标签: phpjquerysqloop

解决方案


请检查我更新的代码

类别

<div class="product-category">
 <ul class="nav nav-tabs" role="tablist">
   <?php $sql = "select * from category order by category_name asc"; //use join for both the table
       $category = Category::find_by_sql($sql);  
           foreach($category as $cat){
                ?>
<li>
<a class="small menu-icons clothing" href="#<?php echo $cat->id; ?>" role="tab" data-toggle="tab"><i class="fa fa-shirtsinbulk"></i><?php echo $cat->category_name; ?></a>
</li>
  <?php } ?>
  </ul>
  </div>

对于子类别

 <div class="product-contant clearfix">
    <div class="product-block clearfix">
      <div class="tab-content">
       <?php
       // $category = $cat->id;  
     //   $sql = "select * from sub_category where cat_id='$category' order by subcategory_name asc";
     // $subcategory  =  Subcategory::find_by_sql($sql);                               
    foreach($category as $cat){?>
       <div class="tab-pane fade active in" id="<?php echo $cat->id; ?>">
          <div class="item-block clearfix">
            <div class="product-item">
               <ul class="products-row">
                 <li class="image-block">
                  <a href="#"><span><img src="images/products/women/clothing/products-img-6.jpg" alt="" /></span></a>
                </li>
                 <li class="products-details">
                    <a href="#"> <?php echo $cat->subcategory_name; ?> </a>
                    <span>$1600</span>
                  </li>
               </ul>
            </div>
          </div>
        </div>
          <?php } ?>
        </div>
    </div>
</div>

推荐阅读