Javascript 如何获取动态属性值

按如下方式更改jQuery函数：

$("#parent li a").click(function(){
    var id = $('#parent li a').attr('id');
    alert(id);
});

注 您使用的代码var id=$'parent li a'.attr'id'；总是会考虑第一个错误中的第一个。 这将引用已单击的元素。因此，您将获得正确的值。

在单击事件中，您可以使用$this作为单击的元素：

$("#parent li a").click(function(){

    var id = $(this).attr('id');  // use `this`

    alert(id);
});

来自数据库的值

<ul class="dropdown-menu" id="parent">      
@foreach($cat as $category)

    <li class="dropdown-submenu">
        <a id={{$category->id}}>{{$category->category_name}}</a>
    </li>

@endforeach

我建议您使用data-*custom属性来持久化在当前元素上下文中可以获取的任意数据

$parent li a.clickfunction{ var id=$this.data'id'； }; {{$category->category_name}

---

如果在单击处理程序中使用this引用（在本例中是clicked元素），则可以访问所查找的适当id属性

$('#parent li a').click(function() {
    var id = $(this).attr('id');
    alert(id);
});

---

var id=$this.attr'id'；。attr将获取匹配元素集中第一个元素的属性值。你可以在jQueryAPI@arslanAkram上找到它，请接受所有答案中最好的。

$("#parent li a").click(function(){
    var id = $(this).attr('id');
    alert(id);
});