2014-06-24 116 views
-1

我很好奇我怎麼能在這個包裝裏面製作一個div apear,而不用在同一個類的所有div上打印它。我使用這個divs作爲包裝器,它至少會出現5或6次,我不想顯示頁面上的所有表單。我只想顯示我需要顯示的那個Javascript:顯示另一個div的div

在此先感謝!

<div class="comment_wrap"> 
    <table> 
     <tr> 
      <td> 
       <img src="user.png" wclassth="50" height="50" /> 
      </td> 
      <td class="the_td"> 
       <h1><b>BMC</b> Says</h1> 
       <br /> 
       <h2>Lorem ipsum Dolor Sit Amet</h2> 
       <br /> 
       <h3><a href="#" title="Reply" onclick="show_reply()"> Reply</a></h3> 
       <form method="post" class="create-reply"> 
        <input type="text" class="author" name="author" placeholder="Enter your name" /> 
        <br /> 
        <textarea resize="no" name="limitedtextarea" class="comment" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,255);" onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,255);"></textarea> 
        You have 
        <input readonly type="text" name="countdown" value="255" class="counter">characters left. 
        <br /> 
        <input type="submit" name="submit" value="Reply!" class="post_reply" /> 
       </form> 
      </td> 

     </tr> 

    </table> 

</div> 

爲了使事情更清楚。我在一頁上有很多這樣的div。當我點擊一個div上的鏈接時,我想讓鏈接顯示的div的形式變爲insclasse。希望我說得很清楚!

+2

你不應該有一個頁面上重複的ID!這是無效的HTML。使用類或其他方法來識別特定的DIV(唯一的ID將是最好的) –

+0

不要使用具有相同ID的多個div,而要使用類 – Pooshonk

+0

您能否詳細說明它,您的問題對社區沒有任何意義。你能把你所處的情況分解成簡單的句子/點,並在最後提出問題。我現在所能看到的只有div,wrapper,相同的id等等,但他們沒有多大意義。 –

回答

1
$('.comment_wrap').on('click', function() { 
    var $div = $('<div>', {  
       text: 'So text, much jQuery' 
      }); 

    $div.appendTo($(this)); 

}); 

DEMO

+0

是的..但是這顯示了所有的comment_wrap divs中的所有表單。 – user3770286

+0

就是這樣,正如它指出的那樣:_do沒有重複的ID_。代碼的工作原理應該如何,您的HTML不符合標準,因此會破壞代碼。 ID用於唯一標識內容,如果你拿走它,當然你不能做認爲ID應該做的事情,除非你制定一些更復雜的規則來確定唯一性,但它不會(至少是完全)基於ID。 – vlaz

+0

更改爲類..現在..可以這樣做嗎?或不? – user3770286