номера строк с использованием 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 .