<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>
------解决方案--------------------
- JScript code
<script type="text/javascript"> $(function(){ $('.list li').click(function(){ $(this).find('a').click(function(){ alert($(this).attr('href')); }) }) }) </script>
------解决方案--------------------
直接在li上绑定事件不就行了
------解决方案--------------------
楼主是想实现 将A的点击链接行为扩展到 li一整行吧?
是的话不用任何js代码写一个CSS就行了
- CSS code
#ul1{ background-color:Gray;width:200px; } #ul1 li a{display:block;}
------解决方案--------------------
同意zsx841021的代码,我觉得你还是把事件放到a标签上面的好,不觉的这么做很麻烦吗?如果在点击的时候对li标签有特殊处理,也可以通过事件冒泡来处理