2013-06-22 28 views
0

我想添加一些內容給其父母li已被點擊的ul class =「overl」,並刪除任何之前被點擊的li的innerhtml?如何將innerhtml添加到其父li被點擊的特定ul?

<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> 

一旦它的已知,那麼如何做到這一點點擊取其利它的innerHTML得到的東西,並且被點擊了innerthtml爲空前面的李?

回答

0

嘗試在結合click$(document).ready();

$(document).ready(
    function(){ 
    $('.overl').html(""); 
    $('#chat ul li a').on('click', function (e) { 
     $(this).parent().children('.chattng').children('.overl').html("Your message"); 
    }); 
    }); 
+0

還是如何改變? – Sid

+0

我也編輯了我的答案...嘗試新的答案。 剛剛添加一行'$(this).parent()。children('.chattng')。children('.overl')。html(「Your message」);' – Bharadwaj

+0

感謝您的回覆,現在清除html休息.overl ul? – Sid

1

你混淆DOM方法和jQuery選擇:

$(this).innerHTML="" 

必須

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

然後,因爲要清理你的li,你會想這樣做:

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