Question

我想在点击父母时使用javascript来操纵子div的样式。因为父母遵循相同的风格并且数量很大，所以我将它们作为类而不是ID。我如何访问一个类div的类子，这会影响所有孩子还是那些属于被点击父母的孩子？

我还没有代码，我只是在计划阶段。你怎么能解决这个问题？

Answer 1

我会将您与我最终为此类似的问题联系起来： My previous issue

基本上，您希望获得父div类（例如var ParDivClass = document.getElementsByClassName (".divParentClass")）。这会将此类的元素（子元素）插入到数组中，在本例中称为ParDivClass。然后，要创建给定父类的所有子项的数组，您必须按此过滤（例如var ChildOfParClass = ParDivClass.item(0).childNodes）。

然后将所选父项的所有子项放入名为ChildOfParClass的数组中。

希望这会有所帮助。欢呼声。

Answer 2

好的，我用jquery想出了一些东西，非常接近！

jQuery(document).ready(function() {
    //hide child initially
    jQuery(".child").hide();
    //toggle the child on click of parent
    jQuery(".parent").click(function()
    {
        jQuery(this).next(".child").slideToggle(200);
   });
});

您可以通过更改slideToggle中的数字来调整崩溃的速度。

从大型文档中的父div获取子div

2 个答案: