Question

我正试图获得一个无序列表，以反向顺序显示其项目。换句话说，得到这个：

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

显示：

三
两个
一

我用这个答案尝试了jQuery：jQuery reversing the order of child elements

然而，由于某些原因，它对我不起作用。（我把它放在.html文件中，我也尝试使用<script src="script.js"></script>）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>

var list = $('ul');
var listItems = list.children('li');
list.append(listItems.get().reverse());

</script>

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

此外，答案来自4年前，所以我想知道现在是否有更好的解决方案？

Answer 1

您的脚本应在DOM（文档对象模型）完全加载后执行。尝试用

替换你的脚本

In [1]: def has_duplicates(my_list):
   ...:     for index in range(len(my_list)): 
   ...:         if index!=0: # check only from 2nd element onwards
   ...:             item = my_list[index] # get the current item
   ...:             if item in my_list[:index]: # check if current item is in the beginning of the list uptill the current element
   ...:                 return True # duplicate exist
   ...:     return False # duplicate does not exist
   ...:

In [2]: has_duplicates([1,2,3,4])
Out[2]: False

In [3]: has_duplicates([1,2,3,4,4])
Out[3]: True

In [4]: has_duplicates([1,1,2,3,4,4])
Out[4]: True

您可以在此处阅读更多信息：https://learn.jquery.com/using-jquery-core/document-ready/了解更多信息。

如何创建反向无序列表？

1 个答案: