一个关于jQuery ul元素 on方法的双向绑定的问题，给ul追加li元素后，li的点击事件丢了，以下是我的代码，

答案:2 悬赏:60 手机版

解决时间 2021-02-18 18:07

提问者网友：川水往事
2021-02-18 00:35

<div class="add-div"></div><br><ul class="ul-list"><br> <li><br> <div class="div-tt">111111</div><br> </li><br> <li><br> <div class="div-tt">222222</div><br> </li><br></ul><br><script src="jquery.mobile-1.4.5.min.js"></script><br><script src="jquery.min.js"></script><br><script><br> $('.add-div').on('click', function () {<br> $('.ul-list').append("<li><div class='div-tt'>333333</div></li>");<br> });<br> $('.div-tt').on('click', function () {<br> alert($(this).html());<br> });<br></script>

最佳答案

五星知识达人网友：北城痞子
2021-02-18 02:05

你这样新生成的li不会被绑定的<br>把这个<br>$('.div-tt').on('click', function () {<br> alert($(this).html());<br> });换成这个试试看<br><br>$('.ul-list').on('click', '.div-tt' ,function(){<br> alert($(this).html());<br>});

全部回答

1楼网友：猎心人
2021-02-18 02:30

<ul id="outer"><br> <li id="outerli"><br> <ol id="inner"><br> <li id="innerli">test</li><br> </ol><br> </li><br></ul><br>js:<br>alert($('ul>li')[0].id); //outerli<br>//alert($('ul>li')[1].id);//没有这个节点<br>alert($('ul li')[0].id);//outerli<br>alert($('ul li')[1].id); //innerli<br>看明白了没

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息