相关疑难解决方法(0)

JQuery .each()向后

我正在使用JQuery在页面上选择一些元素,然后在DOM中移动它们.我遇到的问题是我需要按照JQuery自然要选择它们的相反顺序选择所有元素.例如:

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想选择所有的li项目并对它们使用.each()命令,但我想从第5项开始,然后是项目4等.这可能吗?

javascript arrays jquery reverse

432
推荐指数
7
解决办法
19万
查看次数

改变元素的顺序

我正在创建一个浮动宽度的网站.用户使用全高清分辨率的屏幕到智能手机上的600px,这似乎是个不错的主意.这带来了一个非常有趣的问题.

当用户使用比最佳分辨率更小的分辨率时,页面获得更高的高度.这意味着更改某些元素(例如某些图像,搜索框或导航)的顺序可能会有用,以使页面更易读,而不需要流氓.

所以我需要能够访问DOM并更改某些页面元素的顺序(交换它们).

假设我有一个列表,需要交换第1项和第2项.

<ul>
  <li>1</li>
  <li>2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我找到了一个解决方案,它基于<ul>使用函数附加已经有的元素元素appendChild.然而,文本节点存在问题,并且对于更难的元素结构来说它变得非常复杂,因为需要再次重新构建它.

你有任何改进建议吗?

html javascript dom

10
推荐指数
3
解决办法
2万
查看次数

标签 统计

javascript ×2

arrays ×1

dom ×1

html ×1

jquery ×1

reverse ×1