Question

我有这个HTML。

<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>

我想重置并将其替换回

<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>

我如何使用jQuery做到这一点？

Answer 1

假设你的意思是你要修改第一个例子成为第二个例子（而不是你在页面上也有第二个例子，并希望用第二个例子替换第二个例子），它看起来像所有的可以通过以下方式解决差异：

$(".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隐藏
重置input元素的值（即val部分）

Answer 2

只需使用.html()：

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

Answer 3

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

无需更换html。你试图隐藏这些字段？

Answer 4

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

Answer 5

将ID添加到两个DIV ......

<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>

然后您可以使用以下语句设置：

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

如何使用jquery替换这个html？

5 个答案: