Question

我想添加一些已经点击其父级li的内容，并删除任何以前被点击的li的innerhtml？

 <html>
    <head>
    <link rel="stylesheet" type="text/css" href="testtab.css"/>
    <script type="text/javascript" src="scripts/jquery-1.10.1.min.js"></script>
    <script>
     $('#chat ul li a').on('click', function (e) {
     alert("in");
     alert($(this).closest('li').index());
     });
    </script>
    </head>
    <body>
    <div id="chat" class="chat">
    <ul class="chatmenu">
        <li id="one" class="users"><a href="#one">abcy<span class="notify">1 new*</span></a>
            <div class="chattng">
                <ul class="overl">

                </ul>
            </div>

        </li>
        <li id="two" class="users"><a href="#two">avvv<span class="notify">a</span></a>
            <div class="chattng">
                <ul class="overl">

                </ul>
            </div>
        </li>
        <li id="three" class="users"><a href="#three">gtt<span class="notify">d</span></a>
        </li>
        <li id="four" class="users"><a href="#four">trt<span class="notify">e</span></a></li>
        <li id="five" class="users"><a href="#five">kkk<span class="notify">f</span></a></li>
    </ul>
    </div>

    </body>
 </html>

一旦知道然后怎么做，无论点击哪个li，它的innerhtml得到的东西和点击的前一个li有innerthtml为null？

Answer 1

您在不支持它的版本上使用live。使用on。

 $('#chat ul li a').on('click', function (e) {
     alert($(this).closest('li').index());
 });

当ready中的元素准备好并初始化时，你必须包装它是#chat处理程序，以便触发它。

$(document).ready( function () {
   $('#chat ul li a').on('click', function (e) {
         alert($(this).closest('li').index());
   });
});

以下是演示：http://jsfiddle.net/hungerpain/Rr2dP/

或者，您可以将此事件绑定到document对象：

$(document).on('click', '#chat ul li a' ,function (e) {
    alert($(this).closest('li').index());
});

这是live曾经做过的事情。

有人可以编辑这个问题吗？ Find the clicked li number 这是此信息的来源。我们现在不希望ppl跟随过时的信息吗？

Answer 2

将功能包裹在$(document).ready();

中

<script>
$(document).ready(function(){
 $('#chat ul li a').on('click', function (e) {
 alert("in");
 alert($(this).closest('li').index());
 });
});
</script>

如何将内容添加到单击其父li的特定ul？

2 个答案: