jquery的有关问题
日期：2014-05-16 浏览次数：20366 次
jquery的问题
<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>
------解决方案--------------------
<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标签有特殊处理，也可以通过事件冒泡来处理
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
