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上面的