Javascript 使用jQuery按字符串更改表单元格位置

我想使用jQuery更改表单元格的位置

之前 之后-我想这样改变。 它们使用下面相同的格式。 *第二个在[水果]前面，两个空格

-猕猴桃
-桃子
-香蕉
绿色水果：猕猴桃
粉红色|水果：桃
黄色|水果：香蕉
酸水果：猕猴桃
甜|果：桃
甜水果：香蕉

我是用下面的资料制作的，但这并不实用，因为将来可以添加其他水果，如“苹果”、“樱桃”等，每次我添加新水果时，我都必须编辑我的资料

$("tr:contains(' | fruit:  kiwi fruit')").insertAfter("tr:contains('— kiwi fruit')");
$("tr:contains(' | fruit:  Peach')").insertAfter("tr:contains('— Peach')");
$("tr:contains(' | fruit:  banana')").insertAfter("tr:contains('— banana')");

谢谢大家!

我两天前问过这个问题，但没有找到任何解决办法。

---

如果有人能帮我解决这个问题，我会非常感激的。

你需要解析文本来提取水果，然后构造匹配的标题单元格。你能确认他们使用相同的格式“|fruit:[水果]”和“-[水果]”？谢谢你的评论！我刚刚编辑了我的问题并添加了关于格式的内容。

— kiwi fruit
green | fruit:  kiwi fruit
Sour | fruit:  kiwi fruit
— Peach
pink | fruit:  Peach
sweet | fruit:  Peach
— banana
yellow | fruit:  banana
sweet | fruit:  banana

"- [fruit]"
" | fruit:  [fruit]"

$("tr:contains(' | fruit:  kiwi fruit')").insertAfter("tr:contains('— kiwi fruit')");
$("tr:contains(' | fruit:  Peach')").insertAfter("tr:contains('— Peach')");
$("tr:contains(' | fruit:  banana')").insertAfter("tr:contains('— banana')");