如何在ul中獲取lis的元素

Question

嗨，大家好，我正在嘗試獲取<li>的ID，但即時通訊未定義，我正在使用laravel。

我認為這是

<ul class="nav nav-pills nav-stacked" id="listas">
                        @foreach(Auth::user()->empresas as $empresa)
                            <li>
                                <a href="#" class="seleccion" id="{{$empresa->id}}" data-id="{{$empresa->id}}"
                                   data-nombre="{{$empresa->nombre}}">{{$empresa->nombre}}
                                    <span class="pull-right text-red item{{$empresa->id}}"></span></a>
                            </li>
                        @endforeach

 </ul>

我的js

   $(document).on('click', '.seleccion', function () {
    $('#listas').find('li').each(function () {
      console.log($(this).attr('id'))
    })
  })

Answer 1

由於您的li ，說自己其實有一個id屬性，你應該看看它在a你的孩子li S，這樣的。

$(document).on('click', '.seleccion', function () {
    $('#listas').find('li > a').each(function () {
        console.log($(this).attr('id'));
    });
});

Answer 2

您嘗試從<li>元素中讀取不存在的屬性。

@foreach(Auth::user()->empresas as $empresa)
  <li id="myId">  <--- HERE
    <a href="#" class="seleccion" id="{{$empresa->id}}" data-id="{{$empresa->id}}"
     data-nombre="{{$empresa->nombre}}">{{$empresa->nombre}}
       <span class="pull-right text-red item{{$empresa->id}}"></span>
    </a>            
  </li>
@endforeach

問候

Answer 3

就像li沒有id一樣，您必須更改您的標記或更改js

  $(document).on('click', 'a.seleccion', function () {
      console.log($(this).attr('id'));
  });

Answer 4

您可以使用$（this）

 $( ".seleccion" ).click(function() {
        var id = $(this).attr('data-id'));
        console.log(id);
 });