Jquery 获取子节点属性

写的layui 的tab选项卡，因为页面好几个tab选项卡，直接$(".layui-this).attr(“属性”)的话，可能取到好几个值，所以想到了获取子节点属性这个方法，直接上代码吧：

前端代码：

   <div class="layui-tab layui-tab-brief" lay-filter="IndexTypeList-one" id="IndexTypeOne">
                        <ul class="layui-tab-title IndexTypett" id="IndexTypett">
                            @for (var i = 0; i < ViewBag.IndexTypeList.Count; i++)
                            {
                                if (i == 0)
                                {
                                    <li class="index layui-this" data-field="@ViewBag.IndexTypeList[i].Id" style="font-weight: bold;margin-left:1%">@ViewBag.IndexTypeList[i].Name</li>

                                }
                                else
                                {
                                    <li class="index" data-field="@ViewBag.IndexTypeList[i].Id" style="font-weight: bold;margin-left:1%">@ViewBag.IndexTypeList[i].Name</li>
                                }

                            }
                        </ul>
                    </div>

要拿这个index layui-this的data-field属性值，那么可以在

• 标签的父节点
  • 定义一个Id,IndexTypett,然后直接拿：

• $("#IndexTypett>.layui-this").attr("data-field")；
  

  实测可以拿到，记录一下，方便迷惘的后来者。