このhtmlをjqueryで置き換えるにはどうすればいいですか？

Question

私はこのhtmlを持っています。バック

<div> 
    <input type="password" id="user_password" name="user_password" 
     class="password"> 

    <div class="passwordstrength" style="display: none;"></div> 

    <input type="password" id="user_password_confirm" 
     name="user_password_confirm" class="password" 
     style="display: none;"> 
</div> 

に私はそれをリセットし、交換したい

<div> 
    <input type="password" id="user_password" name="user_password" 
     class="password"> 

    <div class="passwordstrength s_1" style="display: block;">bad</div> 

    <input type="password" id="user_password_confirm" 
     name="user_password_confirm" class="password" 
     style="display: inline-block;"> 
</div> 

どのように私はこのjQueryのを使用して行うのですか？あなたと仮定すると

$('user_password').parent().html('you html does here'); 

Answer 1

：ちょうど.html()を使用

$('#div1').html($('#div2').html()); 

Answer 2

<div id="div1"> 
    <input type="password" id="user_password" name="user_password" class="password"> 
    <div class="passwordstrength s_1" style="display: block; ">bad</div> 
    <input type="password" id="user_password_confirm" name="user_password_confirm" class="password" style="display: inline-block; "> 
</div> 

<div id="div2"> 
    <input type="password" id="user_password" name="user_password" class="password"> 
    <div class="passwordstrength" style="display: none; "></div> 
    <input type="password" id="user_password_confirm" name="user_password_confirm" class="password" style="display: none; "> 
</div> 

は、あなたが、これは次の文を使用して設定することができます... 2つのdiv要素にIDを追加します。最初の例を2番目の例に変更することを意味します（2番目の例はありません）彼のすべての違いは、以下で対処することができますようにそれが見えすぎてページ、第二と全体の最初の例を交換したい）、：

$(".passwordstrength").removeClass("s_1").empty().hide(); 
$("#user_password_confirm").hide().val(""); 
$("#user_password").val(""); 

違い：

• .passwordstrengthはありません。クラスs_1は（それはremoveClass部分です）
• .passwordstrengthそれの内部には、テキストを（それはempty部分です）
• .passwordstrengthが隠されていません（これと次のhide部分である）
• #user_password_confirmが2つのinput要素の
• 値は隠され（すなわちval部品を'S）

Answer 3

：

Answer 4

$('.passwordstrength').css('display','none'); 
$('#user_password_confirm').css('display','none'); 

HTML-交換の必要はありませんリセットされます。あなたはこれらのフィールドを隠そうとしていますか？

Answer 5

$(".passwordstrength").removeClass("s_1").val('').hide(); 
$("#user_password_confirm").val('').hide();