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

我正在做一个需要动态生成边栏菜单的项目

<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;
    }
});

$（'#菜单id或类名称'）。单击（函数（）{
var obj=$（'menu_id'）.val（）；
如果（对象！=''）{
$.ajax({
url:“供应商搜索/检查对象可用性”，
方法：“张贴”，
数据：{obj:obj}，
数据类型：“json”，
成功：功能（resp）{
如果（响应状态=“成功”）
$（'search_x_result'）.html（''+resp.message+''）；
其他的
$（'search_x_result'）.html（''+resp.message+''）；
}
});
返回false；
}
});

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

$('.sidebar-menu').attr('id', 'value');

---

您可以用javascript中您选择的动态创建/获取的值替换“value”。我会给id一个名称，然后在后面跟一个id。如下所示

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

---

有什么问题？你在输出的html上看到了什么？实际上，我想获得每个菜单的独立名称或id，这样我就可以使用它从数据库中获取数据。我知道了，但是当你查看页面的源代码时，你会得到什么？什么是id？我从数据库中获取他们的id值。但问题是如何在jquery或ajax中使用这些值，根据这些值从数据库中获取其他信息？好的，让我试试这个。让我知道它是如何运行的@DidosRukundoIt工作的兄弟！非常感谢。
<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>

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