javascript - 访问没有 ID 的 div 第一父级

Question

如何使用 javascript 访问特定 div 的父级并使用其“字段集”隐藏 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");