使用jQuery的行號

Question

  <div id="line_numbers"></div>
  <textarea cols="65" rows="15" name="comments" id="comments"></textarea>
  <textarea cols="65" rows="15" name="matches" id ="matches"></textarea>

那里有很多示例（ HTML向textarea添加行號 ），但是我只想使用jquery為文本區域實現行號。請讓我知道如何解決。任何幫助將不勝感激

Answer 1

我還沒有研究任何插件。 但是，這是您入門的簡單方法。

CSS：

#line_numbers {clear:both; float: left; text-align: right}

jQuery的：

   $("#comments").change(function() {
     var comment_lines = $("#comments").val().split('\n');      
     $("#line_numbers").html('');
     for(i = 0; i < comment_lines.length; i++) {
        $("#line_numbers").html($("#line_numbers").html() + (i+1) + "<br/>");
     }
   });

Answer 2

我從未使用過它，但還有JQuery Lined TextArea插件 。