我有一个从另一个页面(index.php)调用的 div,在这个 div 中,有另一个 div 我不想在调用父级时显示。
这是 HTML:
<div id="loginmain">
<div id="logintitle"><b> Log in:</b></div>
<div id="loginbox">
<form method="post" id="loginform" action="" name="loginform">
<label for="username"> Username:</label><span id="asterix">*</span> <input id="username" type="text" name="username" required> <br>
<label for="password">Password:</label><span id="asterix">*</span> <input id="password" type="password" name="password" required><br><br>
<div id="submit_login"> <input type="submit" value="Log in"></div>
</div>
<br>
<div id="loginfooter"><span id="newmember"><b>New to our website? Click <u>here</u></b></span>
</div>
</form>
</div>
这就是我在另一个页面中使用 jQuery 调用它的方式!
function showLogin(){
document.getElementById('successful').style.display="none";
$("#login").load("index.php #loginmain");
$("#login").css("display","block");
$("index.php #loginfooter").css("display","none");
}
该脚本正确显示#login 内容,但显示#loginfooter。