相对班级显示

Question

我在页面上有一个div列表，其中包含3个具有相同类别的div，基本上下面的代码重复10次，使用不同的背景图像 -

<div class="tab floatLeft" id="l_e_male">
    <div class="number">
        7
    </div>
    <div class="freeze">
        <img src="images/tabs/pin.png" width="31" class="navSwitch" height="33" alt="Pins" />
    </div>
    <div class="edit">
        <img src="images/tabs/edit.png" width="31" class="navSwitch" height="33" />
    </div>
    <div class="scale">
    </div>
</div>

隐藏了比例div（它将是一个动态的.net比例），我只想在单击编辑按钮时显示它。但我想编写一个动态脚本，为每个标签执行此操作而不必引用ID任何人都可以建议最好的方法来执行此操作吗？

Answer 1

试试这个：

$("div.edit").click(function(){
  $(this).next("div.scale").show();
});

Answer 2

试试这个：

$('div.edit img.navSwitch').click(function() {
   // do stuff
   $(this).next('div.scale').show();
});

Answer 3

这样的事情应该有用......

$(".edit img").click(function(){
     $(this).next().show();
});