jquery实现单机li标签时，执行跳转，li标签下面的a标签路径

思路：

这是一个触发事件，li标签被单击时，触发click方法，方法会获取到a标签的路径，进行页面跳转。

沿着这个思路去完成。

1、引入jquery

 

<script src="http://code.jquery.com/jquery-latest.js"></script>

2、实现

<ul>
    <li>点击这里也可以<a href="http://bird.so">bird</a></li>
    <li><a href="https://www.baidu.com/">百度搜索</a></li>
    <li><a href="https://www.so.com/">360搜索</a></li>
</ul>


<script>
    $(function(){
        /* 单机li进行页面跳转 */
        $("ul li").click(function(){
            /*当前标签下的a标签*/
            var obj = $(this).children("a");
            /*获取第一个a标签，进行跳转*/
            window.location.href=$(obj[0]).attr("href");
        });
    })
</script>

 

文章转载于: https://blog.csdn.net/weixin_38391672/article/details/78532327

版权声明：博客对我来说是记忆的笔记和知识的分享~非常感谢博客大神的帮助，若有无意侵权，请您联系我，谢谢  https://blog.csdn.net/qq_36698956