Question

如何自动执行此任务。我需要更改div的源顺序，它在100页以上具有相同的id。

我创建了一个示例：

这是默认条件

<div class="identification">  <div class="number">Number 1</div> </div>
<div class="identification">  <div class="number">Number 2</div> </div>
<div class="identification">  <div class="number">Number 3</div> </div>
<div class="identification">  <div class="number">Number 4</div> </div>
<div class="identification">  <div class="number">Number 5</div> </div>
<div class="identification">  <div class="number">Number 6</div> </div>
<div class="identification">  <div class="number">Number 7</div> </div>

我需要它像这样

<div class="identification">  <div class="number">Number 1</div> </div>
<div class="identification">  <div class="number">Number 3</div> </div>
<div class="identification">  <div class="number">Number 2</div> </div>
<div class="identification">  <div class="number">Number 7</div> </div>
<div class="identification">  <div class="number">Number 4</div> </div>
<div class="identification">  <div class="number">Number 5</div> </div>
<div class="identification">  <div class="number">Number 6</div> </div>

仅限手动编辑选项吗？我使用Dreamweaver。

我必须永久地在HTML源代码中进行此更改。

编辑:(这只是示例）

修正事项是，总div为7，每个容器div都有class="identification"

Answer 1

深呼吸并开始手动编辑。每10分钟暂停5分钟，以避免被吓到。你会在一两个小时内完成。至少，比为此计算正则表达式解决方案的时间更短。

Answer 2

最简单的解决方案是做一个Find＆amp; amp;替换，搜索现在的整个菜单，并将其替换为您想要的整个菜单。这完全忽略了实际的变化（“我希望将此div移到这里，然后将其移到那里”），并在一次操作中完成工作，覆盖所有100页。

或者，你可以做几个较小的Find＆amp;替换操作：

将<div class="identification"> <div class="number">Number 3</div> </div>替换为<div class="identification"> <div class="number">Number 6</div> </div>

将<div class="identification"> <div class="number">Number 2</div> </div>替换为两行：

<div class="identification">  <div class="number">Number 3</div> </div>
<div class="identification">  <div class="number">Number 2</div> </div>

Answer 3

你可以使用javascript移动它，或者你可以删除列表并使用javascript替换它。

您可以使用jQuery detach()，remove()和append() / appendTo()方法进行此类操作。

Answer 4

它总是与您需要更换的号码相同吗？在Dreamweaver中，您可以在文件夹中的所有文件中进行查找和替换。将“Number 6”替换为“Number X”，然后将“Number 4”替换为“Number 6”，最后将“Number X”替换为“Number 4”

节省你编写程序来实现它

如何以更少的步骤/自动更改<div>的源顺序？</div>

4 个答案: