Item 1
Item 2
Item 3
Item 4
以下是一个使用jQuery实现的按照子顺序保持主行排序的示例代码:
HTML代码:
Item 1
Item 2
Item 3
Item 4
JavaScript代码:
$(document).ready(function() {
var main = $("#main");
var items = main.children(".item");
items.sort(function(a, b) {
var aText = $(a).text();
var bText = $(b).text();
// 提取子数字顺序
var aNum = parseInt(aText.match(/\d+/)[0]);
var bNum = parseInt(bText.match(/\d+/)[0]);
// 按子数字顺序进行排序
return aNum - bNum;
});
// 重新按照排序后的顺序添加到主行中
main.append(items);
});
这段代码首先选取了id为"main"的主行,并获取其所有子元素的集合。然后使用sort()
函数对子元素进行排序。在排序函数中,我们提取了子元素文本中的数字部分,并使用parseInt()
函数将其转换为数字。最后,根据子数字的顺序进行排序。最后,我们将排序后的子元素重新添加到主行中,以保持排序顺序。
请注意,上述示例假设子元素的文本中都包含一个数字,且该数字用于排序目的。如果实际情况与此不符,您可能需要根据自己的需求进行修改。