使用 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 添加行号到文本区域 ）但我只想使用 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 插件。