Question

我编写了以下代码，但它无效。我想在单击拒绝按钮时隐藏父form标记的全部内容：

<html>
<head>
<script language="javascript" type="text/javascript" src="/js/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()$('#reject').click(function()$(this).parent().find('form').hide();});   });
</script>
</head>
<body>
    <form  id="demo_form1">
        <legend>Form1</legend>
        <input value="Confirm"  type="button" id="confirm" />
    </form>

    <form  id="demo_form2">
        <legend>Form2</legend>
        <input value="Confirm"  type="button" id="confirm" />
    </form>
</body>
</html>

Answer 1

你错过了开放{

$(document).ready(function() {
    $('#reject').click(function() { $(this).parent().find('form').hide(); }); 
});

Answer 2

您的javascript缺少括号。

你需要使用，因为你不想在你的父母中搜索，你的父母是表格标签：

$(document).ready(function(){
    $('#reject').click(function(){
        $(this).parent("form").hide();
    });
});

此外，您还有2个具有相同ID的按钮，无法使用。 jQuery只会搜索它匹配的第一个ID。将其替换为类，它应适用于所有按钮。

使用jQuery隐藏HTML中特定Form标记的内容

2 个答案: