访问没有ID的div第一个父级

Question

如何使用javascript访问特定div的父级并使用其“fieldset”隐藏div？

<fieldset class="data-row">
    <div id="test1">
        test        
    </div>
</fieldset>


<fieldset class="data-row">
    <div id="test2">
        test        
    </div>
</fieldset>                        

Answer 1

document.getElementById('test2').parentNode.style.display = 'none';

http://jsfiddle.net/7YrJw/

Answer 2

您可以使用parentNode

var div = document.getElementById("test2");
var parent = div.parentNode;

然后隐藏：

parent.style.display = "none";

http://jsfiddle.net/zc84L/

Answer 3

可以使用单行代码

来完成

document.getElementById('test2').parentNode.style.display = 'none';

Answer 4

抱歉jquery回答

在Jquery

$("#test2").parent().toggle(); 

或

$("#test2").parent().fadeOut()

或

$("#test2").parent().css("display","none");