jQuery+List+Selection+and+Sorting

Item+1

++++++++

Item+2

++++++++

Item+3

++++++++

Item+4

++++ ++++Sort+List ++++ |遇到的问题及解决方法|header-four|问题：点击排序按钮后，列表项的选中状态丢失|原因：在排序过程中，列表项的+DOM+元素被重新排列，导致选中状态的类名（如+.selected）丢失。|CODE|解决方法：在排序后重新应用选中状态。|javascript|$('#sort').click(function()+{ ++++var+items+=+$('#list+li').get().sort(function(a,+b)+{ ++++++++return+$(a).text().localeCompare($(b).text()); ++++}); ++++$.each(items,+function(i,+item)+{ ++++++++$('#list').append(item); ++++}); ++++//+重新应用选中状态 ++++$('#list+li').each(function()+{ ++++++++if+($(this).hasClass('selected'))+{ ++++++++++++$(this).toggleClass('selected'); ++++++++} ++++}); });|通过这种方式，可以确保在列表排序后，选中状态仍然保持不变。^0|0|0|0|0|9|0|0|4|0|0|4|0|0|7|0|0|0|0|4|0|0|4|0|0|4|0|0|0|4|0|0|4|0|0|4|0|0|0|0|0|0|0|2|13|9|0|0|4|0|0^^$0|$]|1|@$2|1A|3|4|5|6|7|@]|8|@]]|$2|1B|3|9|5|A|8|@]|7|@]]|$2|1C|3|4|5|B|7|@]|8|@]]|$2|1D|3|C|5|D|7|@$E|1E|F|1F|G|H]]|8|@]]|$2|1G|3|C|5|I|7|@$E|1H|F|1I|G|H]]|8|@]]|$2|1J|3|C|5|J|7|@$E|1K|F|1L|G|H]]|8|@]]|$2|1M|3|C|5|K|7|@$E|1N|F|1O|G|H]]|8|@]]|$2|1P|3|4|5|L|7|@]|8|@]]|$2|1Q|3|9|5|M|8|@]|7|@]]|$2|1R|3|C|5|N|7|@$E|1S|F|1T|G|H]]|8|@]]|$2|1U|3|C|5|O|7|@$E|1V|F|1W|G|H]]|8|@]]|$2|1X|3|C|5|P|7|@$E|1Y|F|1Z|G|H]]|8|@]]|$2|20|3|4|5|Q|7|@]|8|@]]|$2|21|3|C|5|R|7|@$E|22|F|23|G|H]]|8|@]]|$2|24|3|C|5|S|7|@$E|25|F|26|G|H]]|8|@]]|$2|27|3|C|5|T|7|@$E|28|F|29|G|H]]|8|@]]|$2|2A|3|4|5|U|7|@]|8|@]]|$2|2B|3|9|5|V|8|@]|7|@]]|$2|2C|3|W|X|$Y|Z]|5|10|8|@]|7|@]]|$2|2D|3|4|5|11|7|@]|8|@]]|$2|2E|3|12|5|13|7|@]|8|@]]|$2|2F|3|9|5|14|8|@]|7|@$E|2G|F|2H|G|H]|$E|2I|F|2J|G|15]]]|$2|2K|3|9|5|16|8|@]|7|@$E|2L|F|2M|G|H]]]|$2|2N|3|W|X|$Y|17]|5|18|8|@]|7|@]]|$2|2O|3|9|5|19|8|@]|7|@]]]]

动手实验室-快速搭建直播间

「AI提升十倍生产力」Techo TVP技术沙龙

“小程序·云开发” 北京站

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐