單獨的divs彼此具有相同的類名

-2

如何將相同類名的div彼此分開？我有這樣的事情：單獨的divs彼此具有相同的類名

<form role="form" id="comment-form"> 
     <textarea class="form-control" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment" id="comment"></textarea> 
    </form> 

    <form role="form" id="comment-form"> 
     <textarea class="form-control" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment" id="comment"></textarea> 
    </form> 

    <form role="form" id="comment-form"> 
     <textarea class="form-control" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment" id="comment"></textarea> 
    </form> 

    ...

我想補充一點：

$("#comment").keydown(function (evt) { 
    var keyCode = evt.which?evt.which:evt.keyCode; 
    if (evt.ctrlKey && (keyCode == 10 || keyCode == 13)) { 
     $.ajax({ 
     url: '/articles/comment/', 
     data: $("#comment-form").serialize(), 
     cache: false, 
     type: 'post',

但在只的keydown id爲「評論」第一回應textarea的，因爲每個元素都必須有UNICE ID。我試着將它們改爲課堂，但是之後他們都會迴應。我怎麼能將這些表格分開，從進入彼此的方式？

來源

2017-05-01 zzbil

ID是唯一標識符。不要多用一個。這就像我給兩個人發一個名爲「羅納德麥當勞」的身份證，告訴你要甩掉麥當勞的手，但不是你想要的那個，我想要的那個。 – zfrisch

這是一個html/id問題，你在發佈的html中沒有'＃comment-list'。 –

好吧，我怎麼會這樣做，沒有給他們IDS？ – zzbil

您需要更改ID的類，因此你不重複的ID，那麼你需要的時候你的目標.comment-form「的.comment」引用每個區塊內的相對類等

$(".comment").keydown(function (evt) { 
 
    var keyCode = evt.which?evt.which:evt.keyCode; 
 
    if (evt.ctrlKey && (keyCode == 10 || keyCode == 13)) { 
 
     var $commentForm = $(this).closest(".comment-form"), 
 
      $comment = $(this); 
 
     $.ajax({ 
 
     url: '/articles/comment/', 
 
     data: $commentForm.serialize(), 
 
     cache: false, 
 
     type: 'post', 
 
     success: function (data) { 
 
      /* comment-list and comment-count aren't in your html... 
 
      $("#comment-list").html(data); 
 
      var comment_count = $("#comment-list .comment").length; 
 
      $(".comment-count").text(comment_count); 
 
      */ 
 
      $comment.val(""); 
 
      $comment.blur(); 
 
     } 
 
     }); 
 
    } 
 
});

<form role="form" class="comment-form"> 
 
    <textarea class="form-control comment" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment"></textarea> 
 
</form> 
 

 
<form role="form" class="comment-form"> 
 
    <textarea class="form-control comment" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment"></textarea> 
 
</form> 
 

 
<form role="form" class="comment-form"> 
 
    <textarea class="form-control comment" rows="1" placeholder="{% trans 'Write a comment...' %}" name="comment"></textarea> 
 
</form>

來源

2017-05-01 16:53:18

單獨的divs彼此具有相同的類名

回答

相關問題