a标签怎么链接div

Question

例如；

 <div class="aa">
     <div class="aaa"></div>
     <div class="aaa"></div>
     <div class="aaa">
        <a href=""></a>
     </div>
  </div>
  
  
   <div class="bb">
     <div class="bbb"></div>
     <div class="bbb"></div>
     <div class="bbb">
        <a href=""></a>
     </div>
  </div>
  
  需求就是aa就是一个登录的弹窗；当我点击aa中的，<a>标签的时候要跳转到bb；
  
  当我点击bb中的<a>标签时跳转到aa

Answer 1

题意有一点模糊、不知道想要的呈现效果具体是什么样的

如果是文档流之内锚点定位的话可以给个

id="aa"
href="#aa"

你这两个div如果是一个页面的两个弹窗切换、也可以用a标签绑定函数去操作

href="javascript:test();"

Answer 2

超链接标签是跳转到html的 ，div弹出窗口是css/JS控制的显示。
你说的你可以这样写：
1.aa与bb的弹出宽口分别写2个html页面也就是aa.html与bb.html
2.aa.html中的代码就是：

 <div class="aaa"></div>
 <div class="aaa"></div>
 <div class="aaa">
    <a href="bb.html"></a>
 </div>

</div>

3.bb.html中的代码就是：
<div class="bb">

 <div class="bbb"></div>
 <div class="bbb"></div>
 <div class="bbb">
    <a href="aa.html"></a>
 </div>

</div>

Answer 3

<a href="#test">1</a>
<div id="test">
    1
</div>

a链接的href指向 div的id。不同页面间一样是在地址上添加元素id

Answer 4

<div class="aa">
     <div class="aaa"></div>
     <div class="aaa"></div>
     <div class="aaa">
        <a href="javascript:void(0);"></a>
     </div>
  </div>
  
  
   <div class="bb">
     <div class="bbb"></div>
     <div class="bbb"></div>
     <div class="bbb">
        <a href="javascript:void(0);"></a>
     </div>
  </div>

使用jQuery事件监听

$('div.aa').on("click","aaa a",function(event){
    event.preventDefault();
    //弹出 bb 组件
});
$('div.bb').on("click","bbb a",function(event){
    event.preventDefault();
    //弹出 aa 组件
});

Answer 5

请输入代码登陆页面a.html ： <a href="b.html"></a>
跳转页面b.html ： <a href="a.html"></a>

Answer 6

<div id="divA"><a href="#" data-to="divB" ></a>
......
<divB id="divB"><a href="#" data-to="divA" ></a>

JQUERY
<script>
$(document).ready(function($){
    
//下面的写法是遍历了div中所有的a标签，适合做导航时候用，你这情况自己改下就好，直接加个点击事件就行不用我这么写
    $('#divA').on('click','a',function(e){
        
        var target = e.target;
        var div = $(target).data("to");
        console.log(e);
        console.log(div);

        $('html,body').animate({scrollTop:$('#'+div).offset().top}, 800);
    });


 $('#divB').on('click','a',function(e){
        
        var target = e.target;
        var div = $(target).data("to");
        console.log(e);
        console.log(div);

        $('html,body').animate({scrollTop:$('#'+div).offset().top}, 800);
    });
    

});
</scipt>