Question

我正在构建一个fieldset，里面有一个按钮，可以消除整个fieldset。这可能吗？我从这段代码开始：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script>
<script>
 Some script here
</script>
<fieldset>
    <legend><b>Fieldset</b></legend>
    <p>Dissapering fieldset</p>
    <input type="button" onclick=" Some event here" value="Hide this fieldset"></input>
</fieldset>

Answer 1

$('#button_id').click(function() {
    $('#fieldset_id').hide();
});

或

$('#button_id').click(function() {
    $('#fieldset_id').fadeOut();
});

Answer 2

$("button").click(function() {
    $("fieldset").css("display", "none");
});

Answer 3

试试这个：

$(document).ready(function() {
$("buttonId").click(function() {
  $("yourfieldSetId").fadeOut("slow");
});
});

希望有所帮助

Answer 4

运行此修改后的代码版本。

<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js" ></script>  

</head>

<body>


<fieldset id="test">  

<legend><b>Fieldset</b></legend>  

<p>Dissapering fieldset</p>  

<input type="button" onclick="$('#test').hide('slow')" value="Hide this fieldset"></input>  

</fieldset>  

</body>

</html>

Answer 5

http://jsfiddle.net/YAJ4u/

根据我在JS Fiddle中的解决方案，给出按钮ID hider然后：

$('#hider').click(function() {
     $('#test').fadeOut('slow');
});

Answer 6

对我来说非常简单。只需给fieldset一个id，即fieldset，然后

$(function(){

    $('#fieldset').click(function(){
     $(this).fadeOut();
    }  
}

隐藏容器的jQuery按钮

6 个答案: