主页 / 问题 / 1014114
Accepted
wq55
Asked:2020-08-16 14:12:24 +0000 UTC2020-08-16 14:12:24 +0000 UTC

在jquery中按条件排序

  • 772

有一个下拉列表，有的数据在词尾有一个列表（2019年无效）。

帮助实现一个脚本，以便他们在单词末尾相遇的地方（在 2019 年不起作用）进入列表的底部。

那些。排名靠前的那些按照与最初按值相同的方式排序，然后按值排序那些与（在 2019 年不起作用）

JSP

  <form:label path="moId"><spring:message code="label.mo" /></form:label>
    <form:select path="moId">
    <form:option value="0" label=" " />
    <form:options items="${moList}"/>
    </form:select>

<script>
"Предлагаемый скрипт"               
</script>

HTML

<select id="moId" name="moId">
<option value="0" selected="selected"> </option>
<option value="1">0001 «ГН»</option>
<option value="2">0002 КМГ ВИЖУ (не действует в 2019)</option>
<option value="3">0003 НС «ГН»</option>
</select>

我希望看到这样的 HTML

<select id="moId" name="moId">
<option value="0" selected="selected"> </option>
<option value="1">0001 «ГН»</option>
<option value="3">0003 НС «ГН»</option>
<option value="2">0002 КМГ ВИЖУ (не действует в 2019)</option>
</select>
html

1 个回答

  1. Best Answer

    评论中向您指出的解决方案示例：

    $(function () {
  var sel = $("#moId"), opts = $("#moId option");
  opts.sort(function (a, b) {
    var re = /\(не действует в 2019\)$/;
      if (re.test(a.textContent)) {
        if (!re.test(a.textContent)) return 1;
      } else {
        if (re.test(b.textContent)) return -1;
      }
      return 0;
  });
  $.each(opts, function (k, v) {
    sel.append(v);
  });
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="moId" name="moId">
<option value="0" selected="selected"> </option>
<option value="1">0001 «ГН»</option>
<option value="2">0002 КМГ ВИЖУ (не действует в 2019)</option>
<option value="3">0003 НС «ГН»</option>
</select>

    • 1

相关问题