javascript - 如何使用 HREF Click jQuery 更改内容

Question

堆垛机，您好，

我现在遇到了另一个问题，这次是我什至不知道如何启动代码。我有 3 个链接和四个 div。一个DIV是默认的，其他的都是点击链接时的。只是，我希望它用 jQuery 隐藏和显示 div，而我对此不太擅长。

我知道这不适用于 anchor ，是吗？

<a href="#div1">SHOW DIV1</a>
<a href="#div2">SHOW DIV2</a>
<a href="#div3">SHOW DIV3</a>

<div id="default">Default Content</div>
<div id="1">DIV 1 Content</div>
<div id="2">DIV 2 Content</div>
<div id="3">DIV 3 Content</div>

这可能吗？

Answer 1

试试这个:

 $().ready(function(){   
    $('div').not('#default').hide(); // hide all divs except for 'default' on page load     
    $('a').click(function(e) // bind a click event on the anchor tags
    {
      $('div').not('#default').hide();; // hide all divs except for 'default'
      e.preventDefault(); 
      var container = $(this).attr('href').replace('#div',''); // find the corresponding div to show using the 'href' attribute 
      $("#" + container).show(); // show that div
    });
  });

示例:https://jsfiddle.net/s8131f7e/1/