如何通过点击里面的li来获得li长度

时间:2014-06-03 12:25:45

标签: javascript jquery html

我在一个内部列表中附加了一个事件,所以现在它应该返回LI的长度。你能找到我错的错误吗?我试过下面的代码请检查一次

HTML代码

<ul>
    <li><span class="getLength">get</span> <a href="#">one</a></li>
    <li><span class="getLength">get</span> <a href="#">Two</a></li>
    <li><span class="getLength">get</span> <a href="#">Three</a></li>
    <li><span class="getLength">get</span> <a href="#">Four</a></li>
</ul>

JS代码

<script>
$(function(){
    $('.getLength').click(function(){ alert('f');
        alert($(this).closest('ul').find('li').length());
    })
})
</script>

2 个答案:

答案 0 :(得分:4)

.length是属性,而不是函数。使用:

$(this).closest('ul').find('li').length;

或者可以(但不应该)使用.size() { 版本已弃用:1.8 }

$(this).closest('ul').find('li').size();

答案 1 :(得分:2)

工作小提琴 http://jsfiddle.net/UVM9Q/

$(function(){
    $('.getLength').click(function(){ 
        alert($(this).closest('ul').find('li').length);
    })
})