jquery - jQueryで2つのスパンを切り替える方法は?

Question

アクセスできないphpスクリプトによって生成された11のdtがあります。以下の例。

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

FormFieldLabel スパンに続くRequired スパンとそのすべてのコンテンツが必要です。Required span テキストは変更されず、ラベルの内容は変更されます。

$('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

これはあなたが望むものを手に入れますか？

$('.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