写的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");
实测可以拿到,记录一下,方便迷惘的后来者。