jquery点击事件获取不到li title的值

Question

点击列表li，input text显示li的title的值，但是jquery attr为什么获取不到title的值呢？

Js

$(".list li").click(function(){

    var title = $(this).attr("title");

    console.log(title);

})

Html

<div>

    <input type="text" value="">

    <ul class="list">

        <li title="A1"></li>

        <li title="A2"></li>

        <li title="A3"></li>

        <li title="A4"></li>

    </ul>

    <ul class="list">

        <li title="B1"></li>

        <li title="B2"></li>

        <li title="B3"></li>

        <li title="B4"></li>

    </ul>

</div>

Answer 1

加载顺序的问题，你要用jquery选择器给页面元素动态绑定点击事件必须保证在页面元素加载出来，我猜你的script标签是放在body上面的