<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>
<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>
<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
$('.list li').click(function(){
$(this).find('a').click(function(){
alert($(this).attr('href'));
})
})})
</script>
是这效果吗?
<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>是要这样?
是的话不用任何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>
.list li {
margin: 3px;
width: 100px;
height: 30px;
background-color: #eee;
}
.list a {
width: 100%;
height: 100%;
line-height: 30px;
display: block;
}
</style>
<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>这样不就行了吗?
<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>