Question

我有一个div，我从另一个页面（index.php）调用，在这个div中，还有另一个div，我不想在调用父节点时显示。

这是HTML：

   <div id="loginmain">
<div id="logintitle"><b>&nbsp; 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。

Answer 1

不确定这是否有效，但尝试更改

$("index.php #loginfooter").css("display","none");

到

$("#loginfooter").hide();

Answer 2

您不能将index.php用作jQuery选择器。在您的示例中，我认为只使用$('#loginfooter')

Answer 3

首先，它看起来好像你正在嵌套你的元素。您在<div id="loginbox">之前<form>开放，但它们的排序顺序错误。这最终可能会搞乱javascript的东西。

至于jQuery，只需尝试$("#loginfooter").hide();

隐藏父div中的div

3 个答案: