使用 jQuery 更改订单内容对象

Posted 2023-05-08

【中文标题】使用 jQuery 更改订单内容对象

【英文标题】：change order content objects with jQuery

【发布时间】：2022-01-18 00:37:59

【问题描述】：

我需要使用 Jquery 在元素 'a' 中的文本之前更改 'span' 对象的顺序。

有人可以帮助我吗？

<a href="#" class="has-submenu">
  Some text content  
  <span class="dropdown-menu-toggle"></span>
  <span class="sub-arrow"> > </span>
</a>

必须是：

<a href="#" class="has-submenu">
  <span class="dropdown-menu-toggle"></span>
  <span class="sub-arrow"> > </span>
  Some text content <-(This text must to be in the end)
</a>

【问题讨论】：

你试过什么？为什么这必须在 jQuery 中完成，而不是仅仅移动 html？

【参考方案1】：

使用.prependTo() 方法将元素移动到容器元素的开头。

$("#move").click(function() 
  $(".has-submenu span").prependTo($(".has-submenu"));
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="has-submenu">
  Some text content  
  <span class="dropdown-menu-toggle">toggle</span>
  <span class="sub-arrow"> > </span>
</a>
<br>
<button id="move">Move spans</button>

【讨论】：

谢谢亲爱的朋友...这是我需要的