0

我想向其父 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>

一旦知道如何做到这一点，无论单击哪个 li，它的 innerhtml 都会得到一些东西，而单击的前一个 li 的 innerthtml 为空？

4

2 回答 2

1

您正在混合DOM方法和jQuery选择器：

$(this).innerHTML=""

一定是

 $(this).html("") // or $(this).empty()

然后，既然你想清理你的li，你会想要这样做：

$(this).parent().html("") // or $(this).parent().empty()
于 2013-06-22T13:24:39.060 回答
0

Try binding click on $(document).ready();

Like

$(document).ready(
   function(){
     $('.overl').html("");
     $('#chat ul li a').on('click', function (e) {
       $(this).parent().children('.chattng').children('.overl').html("Your message");
   });
  });
于 2013-06-22T13:14:34.347 回答