Javascript 如何将innerhtml添加到单击其父li的特定ul？_Javascript_Jquery

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

javascript jquery

Javascript 如何将innerhtml添加到单击其父li的特定ul？,javascript,jquery,Javascript,Jquery,我想向其父li已被单击的ul class=“overl”添加一些内容，并删除任何先前单击的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>

我想向其父li已被单击的ul class=“overl”添加一些内容，并删除任何先前单击的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>
     $(document).ready(function(){
     $('#chat ul li a').on('click', function (e) {
($(this).innerHTML="");

    //var i=$(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>


$（文档）.ready（函数（）{
$（#chat ul li a'）。在（'click'，函数（e）上{
（$（this.innerHTML=“”）；
//var i=$（this.closest（'li'）.index（）；
});
});

一旦知道该如何做，无论单击哪个li，它的innerhtml都会得到一些内容，而之前单击的li的innerthtml为null？

尝试绑定

单击$（document）.ready（）
像
您混淆了DOM
方法和jQuery
选择器：
$(this).innerHTML=""

一定是
 $(this).html("") // or $(this).empty()

然后，由于要清除li
，您需要执行以下操作：
$(this).parent().html("") // or $(this).parent().empty()

我也编辑了我的答案。。。尝试新的答案。刚刚添加了一行$（this.parent（）.children（'.chattng'）.children（'.overl'）.html（“您的邮件”）我已编辑我的答案并添加到clear.overl
。刚刚添加了$（'.overl'）.html（“”）。
$(this).parent().html("") // or $(this).parent().empty()