Question

我有一个perl脚本，它将创建一个包含两行的html报告（一行在右边，一行在左边）。 perl脚本将创建多个div，其名称为block [＃]示例，block1，block2，block3都取决于行的部分数。每一行都有block1，block2等。

所以，当我点击时，让我们说一个h3标题，该部分将隐藏两行上的示例block1。我是Jquery的新手，所以我环顾四周，我还没有找到解决方案。我有这个jquery，但它是静态的。提前致谢

$(document).ready(function () {
     $("h3").click(function () {
         $(".block").toggle();
     });
 });

我无法真正发布html代码，因为我会违反公司政策，但我会把标记：

<div class="file_wrapper">
    <h2>Previous Version of Pre.report.txt</h2>




    <div class="file_inner">
        <div style="width: 100%" class="block0">
            <h3> Title </h3>
        </div>
        <div style="width: 100%" class="block1">
            <h3> Title </h3>
        </div>
        <div style="width: 100%" class="block2">
            <h3> Title </h3>
        </div>
    </div>
</div>
<div class="file_wrapper">
    <h2>New Version of Post.report.txt</h2>
    <div class="file_inner">
        <div style="width: 100%" class="block0">
            <h3> Title </h3>
        </div>
        <div style="width: 100%" class="block1">
            <h3> Title </h3>
        </div>
        <div style="width: 100%" class="block2">
            <h3> Title </h3>
        </div>
    </div>
</div>

Answer 1

可能是这样的：

$(document).ready(function() {
    $("h3").click(function() {
        $(this).closest(".shared-parent").find(".block").toggle();
    });
});

如果“h3”元素与“.block”元素共享父（“.shared-parent”），我们必须切换

，它将起作用

如何在不知道div名称的情况下隐藏两个具有相同名称但位于不同位置的div？

1 个答案: