jquery - 如何使用 jQuery 切换两个跨度？

Question

我有 11 个 dt 由我无法访问的 php 脚本生成。下面的例子。

<dt>
<span class="Required FormFieldRequired" style="visibility: visible">*</span> 
    <span class="FormFieldLabel">Email Address:</span>
</dt>

我需要必需的跨度及其所有内容来遵循FormFieldLabel 跨度。必需的跨度文本永远不会改变，标签内容会改变。

$('span.FormFieldLabel').insertBefore( 'span.Required.FormFieldRequired' );不起作用，它会重复所有内容并弄乱表格。

阅读建议使用 text() 函数，但不建议我应该如何应用它。

我基本上想把'A before B'变成'B before A'。

score 3 · Accepted Answer

我假设您有多个dt要执行此操作的位置。所以你需要这样做：

$('span.FormFieldLabel').each(function() {
    $(this).insertBefore( $(this).closest('dt').find('span.Required.FormFieldRequired') );
});

score 1 · Accepted Answer

这个怎么样：

$('span.FormFieldLabel').each(function() {
  $(this).insertBefore($(this).prev());
});

score 0 · Accepted Answer

Does this get you what you want?

$('.Required').remove().insertAfter('.FormFieldLabel')

score 0 · Accepted Answer

var html = '<span class="Required FormFieldRequired" style="visibility: visible">*      </span>';
$("Required").remove();
$(dt).append(html);

4 回答 4