layui中相同的lay-filter如何取到最后一个

在layui框架中，如果你想要获取数组或表格中所有lay-filter相同的最后一个元素，你可以通过遍历数组并跟踪最后遇到的那个过滤条件来进行操作。这里提供一种基本的方法：

1. 首先，假设你有一个包含lay-filter属性的对象数组或者是一个table对象，可以使用layui提供的API获取数据。

var filters = yourDataArray.filter(function(item) {
   return item.lay-filter;
});

这将筛选出所有有lay-filter属性的项。

2. 接下来，你可以创建一个变量来保存最后的filter值，并初始化为undefined，然后遍历这个过滤器数组。

var lastFilterValue = undefined;

filters.forEach(function(filterItem, index) {
   if (lastFilterValue !== filterItem.lay-filter) {
      lastFilterValue = filterItem.lay-filter; // 如果当前filter与上一个不同，则更新
   }
});

// lastFilterValue 现在就是所有的lay-filter中最后一个出现的值

相关问题

我希望我点击注册的时候跳转到regist.html页面，用layui的方式实现，<div class="layui-container"> <div class="admin-login-background"> <div class="layui-form login-form"> <form class="layui-form" action=""> <div class="layui-form-item logo-title"> <h1>用户登录</h1> </div> <div class="layui-form-item"> <label class="layui-icon layui-icon-username" for="username"></label> <input type="text" name="email" lay-verify="required|account" placeholder="邮箱" autocomplete="off" class="layui-input" value="admin"> </div> <div class="layui-form-item"> <label class="layui-icon layui-icon-password" for="password"></label> <input type="password" name="password" lay-verify="required|password" placeholder="密码" autocomplete="off" class="layui-input" value="123456"> </div> <div class="layui-form-item"> <label class="layui-icon layui-icon-vercode" for="captcha"></label> <input type="text" name="captcha" lay-verify="required|captcha" placeholder="图形验证码" autocomplete="off" class="layui-input verification captcha" value="xszg"> <div class="captcha-img"> <img id="captchaPic" src="../images/captcha.jpg"> </div> </div> <!-- <div class="layui-form-item"> <input type="checkbox" name="rememberMe" value="true" lay-skin="primary" title="记住密码"> </div> --> <div class="layui-form-item"> <button class="layui-btn layui-btn layui-btn-normal layui-btn-fluid" lay-submit="" lay-filter="login">登 录</button> </div> <div class="layui-form-item"> <button class="layui-btn layui-btn layui-btn-normal layui-btn-fluid" lay-submit="" lay-filter="regist">注 册</button> </div>

可以在 "注册" 按钮的标签上添加一个 onclick 事件，来实现点击跳转到 regist.html 页面。具体代码如下：

<button class="layui-btn layui-btn layui-btn-normal layui-btn-fluid" lay-submit="" lay-filter="regist" onclick="location.href='regist.html'">注 册</button>

这样点击注册按钮时就会跳转到 regist.html 页面了。

<div class="layui-tab" lay-filter="test-handle" lay-allowclose="true" id="content"> <div class="layui-btn addContent" lay-active="addContent">添加创意包</div> <ul class="layui-tab-title" style="width: 85%"> <li class="layui-this" lay-id="1">创意包1</li> <li lay-id="2">创意包2</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show"> <div class="layui-tab" lay-filter="test-handle" lay-allowclose="true" id="content"> <ul class="layui-tab-title" style="width: 85%"> <li class="layui-this" lay-id="1">标题1</li> <li lay-id="2">标题2</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show">内容-1</div> <div class="layui-tab-item">内容-2</div> </div> </div> </div> <div class="layui-tab-item">主体-2</div> </div> </div>优化一下代码

你可以将重复的代码抽取出来作为一个公共的HTML模板，然后在需要使用的地方引用即可，可以使代码更加简洁。

例如，你可以将创意包的tab页抽出作为公共的模板：

<!-- 创意包模板 -->
<script type="text/html" id="tpl-creative">
  <div class="layui-tab" lay-filter="test-handle" lay-allowclose="true" id="{{d.id}}">
    <ul class="layui-tab-title" style="width: 85%">
      {{# layui.each(d.items, function(index, item){ }}
      <li {{ index === 0 ? 'class="layui-this"' : '' }} lay-id="{{ item.id }}">{{ item.title }}</li>
      {{# }); }}
    </ul>
    <div class="layui-tab-content">
      {{# layui.each(d.items, function(index, item){ }}
      <div class="layui-tab-item {{ index === 0 ? 'layui-show' : '' }}">{{ item.content }}</div>
      {{# }); }}
    </div>
  </div>
</script>

<!-- 页面内容 -->
<div class="layui-tab" lay-filter="test-handle" lay-allowclose="true" id="content">
  <div class="layui-btn addContent" lay-active="addContent">添加创意包</div>
  <ul class="layui-tab-title" style="width: 85%">
    <li class="layui-this" lay-id="1">创意包1</li>
    <li lay-id="2">创意包2</li>
  </ul>
  <div class="layui-tab-content">
    <!-- 引用创意包模板 -->
    {{# layui.laytpl($('#tpl-creative').html()).render({ id: 'creative1', items: [{ id: '1', title: '标题1', content: '内容-1' }, { id: '2', title: '标题2', content: '内容-2' }] }) }}
  </div>
</div>

在上面的代码中，我们将创意包的tab页抽取出来作为了一个公共的模板，可以通过laytpl模块来渲染模板并将结果插入到页面中。这样就可以避免重复的代码，使代码更加简洁。