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">birda>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>

你可能感兴趣的:(Jquery)