jquery - 将列表菜单的 ID 发送到 CodeIgniter 中的 ajax get 函数

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

使用下面的代码来获取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);
    }
   });
 });