a标签内嵌套a标签可以吗？a标签嵌套a标签功能的实现

2019独角兽企业重金招聘Python工程师标准>>>

a标签内嵌套a标签

• a标签内不能嵌套a标签，嵌套后浏览器解析时会拆分成并列的形式，不能实现内嵌的形式。

a标签内嵌套a标签类似功能的实现

• 点击每个li跳转到查看详情0，点击里面的详情时查看各自的详情页。
• 表象：当点击内层的span标签时，无法触发内层的click事件。
• 实质：点击内层的span标签时，实质内层（onclick添加到行内）的click事件已经触发，但会事件冒泡到外层，可以使用阻止事件冒泡的方式(但knockout的控件中获取到$(this)都是window,只能在最外层的事件中获取到当前行的信息，就可以使用全部变量的方式了)，或者定义全局变量控制实现不同的跳转。

<ul>
    <li>
        内容1：<span onclick="see1()">点击查看详情1</span>
        内容2：<span onclick="see2()">点击查看详情2</span>
    </li>
</ul>

<script>
var turn = 0;
function see1(){ turn = 1; }
function see2(){ turn = 2; }
$(function(){
    $('li').click(function(){
        if(turn == 1) 
               turn = 0;           
               //执行方法，可以获取当前行的信息 ，跳转到详情页1
        }else  if(turn == 2) 
               turn = 0;           
               //执行方法，可以获取当前行的信息 ，跳转到详情页2
        }else {
            turn = 0;
             //执行方法，可以获取当前行的信息  ，跳转到详情页
        }
       
    })        
})

</script> 

• 这样就实现了可以span和其余的li部分跳转到不同的页面

转载于:https://my.oschina.net/yxmBetter/blog/1576953