[英]How to get elements of lis inside an ul
嗨,大家好,我正在尝试获取<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'))
})
})
由于您的li
,说自己其实有一个id
属性,你应该看看它在a
你的孩子li
S,这样的。
$(document).on('click', '.seleccion', function () {
$('#listas').find('li > a').each(function () {
console.log($(this).attr('id'));
});
});
您尝试从<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
问候
就像li没有id一样,您必须更改您的标记或更改js
$(document).on('click', 'a.seleccion', function () {
console.log($(this).attr('id'));
});
您可以使用$(this)
$( ".seleccion" ).click(function() {
var id = $(this).attr('data-id'));
console.log(id);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.