如何在使用Jquery或Javascript的类后插入Div ?

Question

我没有权限更改HTML。我要么想:

• 修改或

• 通过CSS隐藏Div(我知道怎么做)，并在下面添加另一个Div来添加我自己的文本。

<div class="login-welcome">
<img src=" border="0" class="login-logo" alt="">
<h2>Password recovery</h2> 
<div class="info">
Please enter your username and we will send a password reset link to your email. If you can't remember what your username is please contact your administrator. If you don't have an email address registered with us you will need to contact your administrator to get your password reset. 
</div>           
</div>
<div class="login-form">
<form action="/account/forgot" method="post"><input name="__RequestVerificationToken" type="hidden" value="_1">
<div class="login-field" tabindex="0"> 
<label for="Username" style="display:none;">Username</label>
<input class="form-control input-lg" id="Username" name="Username" placeholder="Username" required="true" type="text" value="">
</div>
<div class="login-button" tabindex="1">
<input type="submit" class="btn btn-login btn-lg" id="continue" value=" Continue ">
</div>
<div class="login-forgot">
or <a href="/account/login">Back to login</a>
</div>
</form>
</div>
</div>

我试过下面的代码-但它没有工作。

$(document).ready(function(){
if(window.location.pathname == '/account/forgot'){
$( ".info" ).append( $( "<p>Test</p>" ) );
}
});

感谢所有的帮助!

Answer 1

在你的JavaScript代码中有一个问题，对于选择类，你需要添加.与类在jquery中，如$('.myclass').hide()和选择id，你需要添加#与id，如$('#myid').hide()和选择标签，你需要做的事情，$("div").hide()…这是在jQuery中选择特定tag , class or id的基本概念

$(document).ready(function(){
if(window.location.pathname == '/account/forgot'){
$( ".info" ).append("<p>Test</p>" );
}
});

上面的代码只能在url/account/forgot上工作，所以为了测试，你需要打开特定的url