将列表菜单的 ID 发送到 ajax 在 CodeIgniter 中获取函数

Question

我想在不刷新页面的情况下加载 div 条记录。

为此我创建了：

$('.list-group-item').click(function(e) {
var id = $(this).attr('id');

    $.ajax({
        type: 'get',
        url: 'http://localhost/ajax/main/'+id,
        dataType: 'html',
        success: function (html) {
             $('#yourDiv').html(html);
        }
    });
});

和菜单：

            <ul class="list-group sidebar-nav-v1 fa-fixed" id="sidebar-nav">
                <li class="list-group-item list-toggle">                   
                    <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-typography">Menu</a>
                    <ul id="collapse-typography" class="collapse in">
                        <li><a href="#1" id="test"><i class="fa fa-sort-alpha-asc"></i> Test 1 </a></li>
                        <li><a href="#2" id="test1"><i class="fa fa-magic"></i> Test 2 </a></li>
                        <li><a href="#3" id="test2"><i class="fa fa-ellipsis-h"></i> Test 3 </a></li>
                        <li><a href="#4" id="test3"><i class="fa fa-quote-left"></i> Test 4 </a></li>
                    </ul>
                </li>
            </ul>

获取菜单项 href 的 id 的正确方法是什么？

Answer 1

改变

$('.list-group-item').click(function(e) {

到

$('#collapse-typography a').click(function(e) {

Demo

Answer 2

使用下面的代码获取 href(a) 标签的点击事件。然后你会在“$(this).attr('id')”

中得到id

$('.list-group-item').find('a').click(function(e) {
  var id = $(this).attr('id');
  $.ajax({
    type: 'get',
    url: 'http://localhost/ajax/main/'+id,
    dataType: 'html',
    success: function (html) {
         $('#yourDiv').html(html);
    }
   });
 });

将列表菜单的 ID 发送到 ajax 在 CodeIgniter 中获取函数

Send ID of list-menu to ajax get function in CodeIgniter

ajax

jquery

codeigniter