当我只将ul作为变量时,如何使用jquery tsort对无序列表进行排序?

时间:2014-01-07 22:12:10

标签: jquery sorting

使用tsort对ul进行排序的正常语法是:

$('ul>li').tsort();

我将ul作为类似于以下代码的变量:

var myul=$('#mydiv').find('ul');

如何在我的代码中使用tsort后使用myul变量?

请注意,我已经在这里简化了很多细节,足以说在我准备tsort时不使用变量来识别ul并不容易,所以我想知道我是否可以这样做转而来。

1 个答案:

答案 0 :(得分:1)

假设您正在谈论tinysort插件,如果您有myul,则可以访问其子级。 The docs说你只是这样做:

myul.children().tsort();

完全无偿的例子(我想玩tinysort):Live Copy | Live Source

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  <script src="http://tinysort.sjeiti.com/src/jquery.tinysort.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <p>In a second, the list below will sort itself.</p>
  <div id="mydiv">
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
      <li>five</li>
    </ul>
  </div>
  <script>
    setTimeout(function() {
      var myul = $("#mydiv").find("ul");
      myul.children().tsort();
    }, 1000);
  </script>
</body>
</html>