Question

我有一些jquery根据按下的按钮显示和隐藏新的div。而不是按钮我想插入我自己的文本/图像，让他们以相同的方式工作，揭示和隐藏新窗口。

这是jquery：

<script>
    $(document).ready(function(){

        $(".buttons").click(function () {
        var divname= this.value;
          $("#"+divname).show("slow").siblings().hide("slow");
        });

      });
</script>

以下是其中一个按钮的代码，我想将其更改为href标签。

<input type="button" id="button1" class="buttons" value="div1"></input>

任何帮助将不胜感激。谢谢。 PIA

Answer 1

您可以使用jQuery data()方法 - http://api.jquery.com/data/ - 在anchor元素（div ID）上存储任意数据，然后使用该值显示正确的div：

<div id="div1">div one</div>
<div id="div2">div two</div>
<a href="#" class="abuttons" data-divid="div1">link</a>

<script>
$(document).ready(function(){
    $(".abuttons").click(function () {
        var idname= $(this).data('divid');
        $("#"+idname).show("slow").siblings().hide("slow");
    });
});
</script>

如果要使用类名而不是ID显示两个div，请将类名存储在achor标记上，在要显示的每个div上设置相同的类，并使用{在jQuery中引用它{1}}而不是.

jquery show hide使用href标签

1 个答案: