php - 使用 jquery 和 php 动态重命名侧边栏菜单

Question

正在开发需要动态生成侧边栏菜单的项目。

<div class="sidebar-menu">
    <ul>
      <li class="header-menu">
        <span>General</span>
      </li>
      <?php                 
            foreach ($Business_Types as $key => $business) 
            { ?>

      <li class="">
        <a href="#">
          <span id="<?php echo $business->business_id ?>"><?php echo $business->business_name; ?></span>
          <span class="badge badge-pill badge-warning">New</span>
        </a>
            <?php } ?>
      </li>
    </ul>
  </div>

这是 jquery 代码:

$('#menu_id or class_name ').click(function(){
    var obj = $('menu_id').val();
    if(obj != ''){
        $.ajax({
            url:"<?php echo base_url();?>Vendors_search/check_obj_availability",
            method:"POST",
            data:{obj:obj},
            dataType: "json",
            success:function(resp){
                if(resp.status == "success")
                $('#search_x_result').html('<div class="alert alert-success">' + resp.message + '</div>');

                else    
                $('#search_x_result').html('<div class="alert alert-danger">' + resp.message + '</div>');

            }
        });
        return false;
    }
});

所以，任何人都可以帮助我为使用 jquery 获取的每个菜单提供 id 或类。

Answer 1

我会给 id 一个名称，然后跟一个 id。像下面这样

<span id="menuitem_<?php echo $business->business_id ?>"><?php echo $business->business_name; ?></span>

如果您有 5 件商品，他们会淘汰，但会喜欢:

<span id="menuitem_1">Test Business</span>
<span id="menuitem_2">Test Business2</span>
<span id="menuitem_3">Test Business3</span>
<span id="menuitem_4">Test Business4</span>
<span id="menuitem_5">Test Business5</span>

然后使用ajax和jquery获取点击的菜单项id。

<script type="text/javascript">

$('[id^="menuitem_"]').on('click',function(){

    var menuID = $(this).attr('id').split("_")[1]; // this will give you the id of the clicked item


    //continue with ajax to fetch data for the item


});
</script>