javascript - 尝试在 Safari 上使用 insertAfter 移动标签时出现问题

Question

对于某些特定情况，我想将标签元素移动到顶部。我的解决方案非常简单:

$("label[for='option_3']").insertAfter("label[for='option_0");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<label for="option_0">
  first item
</label>
<label for="option_1">
  second item
</label>
<label for="option_2">
  third item
</label>
<label for="option_3">
  forth item
</label>
<label for="option_4">
  fifth item
</label>

它在 Firefox 和 Chrome 上运行良好，但在 Safari(版本 10.0.1 (12602.2.14.0.7))上运行不佳。

有什么想法吗？

Answer 1

你的 jQuery 语句有问题，应该是

$("label[for='option_3']").insertAfter("label[for='option_0']");

您缺少关闭 option_0 后的 '' 和 []。 Chrome 足够智能，可以自行处理这个问题，但 safari 却不行

$("label[for='option_3']").insertAfter("label[for='option_0']");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<label for="option_0" id="one">
  first item
</label>
<label for="option_1">
  second item
</label>
<label for="option_2">
  third item
</label>
<label for="option_3">
  forth item
</label>
<label for="option_4">
  fifth item
</label>