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

我写了下面的代码，但它不起作用。 Ø要隐藏父form标签的全部内容，当我点击拒绝按钮：使用jQuery隐藏HTML中特定表单标记的内容

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

来源

2011-11-30 Suresh Pattu

请格式化您的代码，以便我们能够阅读并帮助您。只发布相关部分。 – zizozu

我已经改变它，所以它能够读取。但他改回了。 – Niels

你错过了开幕{

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

来源

2011-11-30 10:23:48

您的JavaScript缺少括号。

而且你需要使用的，因为你不希望你的父母中进行搜索，你的父母是形式标签：

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

你也有2个按钮使用相同的ID，哪些不能使用。 jQuery只会搜索匹配的第一个ID。用类替换它，它应该适用于所有按钮。

来源

2011-11-30 10:25:53 Niels

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

回答

相关问题