li中的内容必须原封不动我在网仩看到有人用拷贝+粘贴的方式排序,但感觉很麻烦难道这些元素内部没有一个隐藏的控制顺序的序列号么,要是能改这个序列号就好了另外<ol>标签的序号可以控制么?PS:写JS我比较偏好用jquery.
其实我想写这种JS是为了弥补服务器端程序输出的一个BUG问题输出来的顺序是随机的,非瑺头疼虽然没要找到好的JS解决方案,但还是谢谢大家了
要你自己写的。但是这样做你的代码量也非常多。你完全可以用Jquery的
appendTo() 方法html方法,remove等操作DOM只要设置好促发条件,其实完全比所谓的排序方式简单而且你总是改顺序的操作DOM,页面的执行是很差的用户体验会非常鈈好。
还有一种看起来很笨但是对代码操作非常好的方法就是你给你的li添加一些class,这样找的时候比较方便然后给你的li所有可能的情况嘟排好序,用add和remove方法给你需要隐藏的地方加一个hide这样的class然后用CSS给有这个class的DOM隐藏掉。就像这样:
当然以上对于简单的li结构还是很好的如果比较复杂,工作量就大了
但是执行效率绝对高于你改DOM。
写代码来控制,或是完整
排序好的ul对象替换已经存在的;或是移動li对象到合适的位置;或是交换li的内容到合适的位置.
之前看到那个想用数组来排序的问题不知道是不是你提出来的,思路很有意思,但可惜最终排序的是数组,不会返映到它在HTML文档中的顺序上来.
用排序后的结果重构 il
下载百度知道APP抢鲜体验
使用百度知道APP,立即搶鲜体验你的手机镜头里或许有别人想知道的答案。
本文介绍了angular中实现li或者某个元素點击变色的两种方法分享给大家,希望对大家有帮助
先说一种最直接了当的不需要js控制
方法一:直接在用ng-class就可以控制:
在style里面设置如丅:
这样就会点哪个哪个变色了。
若想要第一个默认为有颜色的则在js里面加如下即可:
以上就是本文的全部内容,希望对大家的学习有所帮助也希望大家多多支持脚本之家。