Javascript 有没有一种方法可以提到“如果单击this.class1，this.class2应该隐藏/显示”？

检查下面的编码

下面是你们显然知道的PHP代码。 格式：

[块[图像类名称=编辑块，id名称=键入一次编辑]]

……许多街区

单击图像时，应显示类编辑块

同样，对于所有其他编辑按钮，将显示相应的可显示div。 下面是代码，代码也很长

    <script type="text/javascript">

        $(".edit-block").hide();

    $("#type-one-img").on('click', function() {
        $("#type-one-edit").show(1000);
        $("#type-two-edit").hide(1000);
        $("#type-three-edit").hide(1000); .......
    });

    $("#type-two-img").on('click', function() {
        $("#type-one-edit").hide(1000);
        $("#type-two-edit").show(1000);
        $("#type-three-edit").hide(1000); .......
    });

    $("#type-three-img").on('click', function() {
        $("#type-one-edit").hide(1000);
        $("#type-two-edit").hide(1000);
        $("#type-three-edit").show(1000); .......
    });

</script>

问题是，有没有办法一步到位？ 像

    <script type="text/javascript">

        $(".edit-block").hide();                 //(all are hidden at first)

    $(".edit-img").on('click', function() {
        this.$("edit-block").show(1000);         //(show particular block)
    });

</script>

如果有解决办法，请告诉我

谢谢大家!

---

)

我想你想做的事情是这样的：

演示：

HTML:

希望这有帮助。

试试这个

$(".edit-image").on('click', function () {
    $(".edit-block").hide(1000);
    $(this).siblings('.edit-block').show(1000);
});

---

这不是一个php问题。好吧，@itachi。你知道我问的问题的解决方案吗？不知道。不行，@Sreekesh！还有其他建议吗？@ArunD的结构和naota的小提琴一样吗？或者每个区块由一个img和div组成？它是相似的。但是，我对图像和编辑块进行了分组。然而，他首先对所有图像进行分组，然后对块进行分组。对于所有图像，我有一个共同的类名“编辑图像”——第一类img，第二类img，第三类img。。所以，我应该使用，$.edit image.on'click'，函数{$edit-block.hide1000；$this.next'.edit block.show1000；}；请稍等，@Sreekesh Okky。是的，没错。让我在我的代码中尝试一下并更新你，@naota。我想要这样的输出，但是，我能在没有数据的情况下完成吗？对不起，耽搁了，@naota。我已经更新了代码。如果我把它们也分开，那就行了。但我希望它能在人数增加的情况下发挥作用。比如，它现在有4个。因为，内容的数量不稳定。没有身份证你能来吗？哇！非常感谢@naota。很好，谢谢。如果我的回答足够好，我希望你能接受：

$(".btn").click(function(){
    var $target = $(this).next(".edit");
    $('.edit').not($target).hide('fast');
    $target.show('fast');
});

$(".edit-image").on('click', function () {
    $(".edit-block").hide(1000);
    $(this).siblings('.edit-block').show(1000);
});