<ul class="list">
<li><a href="www.baidu.com">baidu</a></li>
<li><a href="www.sina.com">sina</a></li>
<li><a href="www.5173.com">5173</a></li>
</ul>上面是html中的代码,下面是jquery的代码,我想通过点击li空白处,触发下面的a标签的点击事件<script type="text/javascript">$(function(){
$('.list li').click($(this).find('a').click())})$(function(){
$('.list li a').click(function(){alert($(this).attr('href'));})})
</script>

解决方案 »

  1.   

    <ul class="list">
    <li><a href="www.baidu.com">baidu</a></li>
    <li><a href="www.sina.com">sina</a></li>
    <li><a href="www.5173.com">5173</a></li>
    </ul>
    </form><script type="text/javascript">$(function(){
    $('.list li').click(function(){$(this).find('a').click();})})$(function(){
    $('.list li a').click(function(){alert($(this).attr('href'));})})
    </script>发现少写了function,但是还是有点问题,他会不停的alert
      

  2.   

    <script type="text/javascript">$(function(){
    $('.list li').click(function(){
    $(this).find('a').click(function(){
    alert($(this).attr('href'));
    })
    })})
    </script>
    是这效果吗?
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="http://code.jquery.com/jquery-latest.js"></script> 
        <script type="text/javascript">        $(function () {
                $('.list li').click(function () {
                    $(this).find('a').click(function () {
                        alert($(this).attr('href')); 
                    });
                })        })        
    </script>
    </head>
    <body>
    <ul class="list">
    <li><a href="www.baidu.com">baidu</a></li>
    <li><a href="www.sina.com">sina</a></li>
    <li><a href="www.5173.com">5173</a></li>
    </ul>
    </body>
    </html>是要这样?
      

  4.   

    楼主是想实现 将A的点击链接行为扩展到 li一整行吧?
    是的话不用任何js代码写一个CSS就行了#ul1{
    background-color:Gray;width:200px;
    }
    #ul1 li a{display:block;}<ul id="ul1">
    <li><a href="http://www.csdn.net">CSDN<a/></li>
    </ul>
      

  5.   

    同意zsx841021的代码,我觉得你还是把事件放到a标签上面的好,不觉的这么做很麻烦吗?如果在点击的时候对li标签有特殊处理,也可以通过事件冒泡来处理
      

  6.   

    zsx841021的代码还是要在超链接上点击才有用,我发现我的代码还有问题,a的click事件应该要阻止冒泡,否则是死循环
      

  7.   

    ++<style type="text/css">
    .list li {
    margin: 3px;
    width: 100px;
    height: 30px;
    background-color: #eee;
    }
    .list a {
    width: 100%;
    height: 100%;
    line-height: 30px;
    display: block;
    }
    </style>
      

  8.   

    现在先把a标签宽度设置成和li标签一样宽凑合着用吧,jq还要深入学习啊
      

  9.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="http://code.jquery.com/jquery-latest.js"></script> 
        <script type="text/javascript">        $(function () {
                $('.list li').click(function () {
                    alert($(this).find('a').attr('href'));
                    
                });        })        
    </script>
    </head>
    <body>
    <ul class="list">
    <li><a href="www.baidu.com">baidu</a></li>
    <li><a href="www.sina.com">sina</a></li>
    <li><a href="www.5173.com">5173</a></li>
    </ul>
    </body>
    </html>这样不就行了吗?
      

  10.   

    如果a的click只有一个alert,这样子改没问题了,但是里面有很多函数和其他代码,我这里alert只是随意替代,看效果的
      

  11.   

    自己解决了,就在自己原代码上加了句阻止冒泡的
    <ul class="list">
    <li><a href="www.baidu.com">baidu</a></li>
    <li><a href="www.sina.com">sina</a></li>
    <li><a href="www.5173.com">5173</a></li>
    </ul>
    </form><script type="text/javascript">$(function(){
    $('.list li').click(function(){$(this).find('a').click();})})$(function(){
    $('.list li a').click(function(){alert($(this).attr('href'));return false;})})
    </script>