Javascript, wie man Zeilenumbrüche teilt

Ich benutze jquery und habe einen Textbereich. Wenn ich über meine Schaltfläche abschicke, werde ich jeden durch Zeilenumbrüche getrennten Text benachrichtigen. Wie teile ich meinen Text, wenn es eine neue Zeile gibt?

  var ks = $('#keywords').val().split("\n");
  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           e.preventDefault();
           alert(ks[0]);
           $.each(ks, function(k){
              alert(k);
           });
        });
     });
  })(jQuery);

Beispieleingabe:

Hello
There

Ergebnis, das ich möchte, ist:

alert(Hello); and
alert(There)

Versuchen Sie, die ksVariable in Ihrer Submit-Funktion zu initialisieren .

  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           var ks = $('#keywords').val().split("\n");
           e.preventDefault();
           alert(ks[0]);
           $.each(ks, function(k){
              alert(k);
           });
        });
     });
  })(jQuery);

Sie sollten Zeilenumbrüche unabhängig von der Plattform (Betriebssystem) analysieren. Diese Aufteilung ist universell mit regulären Ausdrücken. Sie können dies in Betracht ziehen:

var ks = $('#keywords').val().split(/\r?\n/);

Z.B

"a\nb\r\nc\r\nlala".split(/\r?\n/) // ["a", "b", "c", "lala"]

Es sollte sein

yadayada.val.split(/\n/)

Sie übergeben eine Literalzeichenfolge an den Befehl split, keine Regex.

Da Sie verwenden textarea, finden Sie möglicherweise \ n oder \ r (oder \ r \ n) für Zeilenumbrüche. Daher wird Folgendes vorgeschlagen:

$('#keywords').val().split(/\r|\n/)

ref: Überprüfen Sie, ob die Zeichenfolge einen Zeilenumbruch enthält

Gerade

var ks = $('#keywords').val().split(/\r\n|\n|\r/);

wird perfekt funktionieren.

Stellen Sie sicher , dass es \r\nan der Spitze der RegExp- Zeichenfolge steht, da dies zuerst versucht wird.

Die einfachste und sicherste Möglichkeit, eine Zeichenfolge unabhängig vom Format (CRLF, LFCR oder LF) mit neuen Zeilen zu teilen, besteht darin , alle Wagenrücklaufzeichen zu entfernen und dann die neuen Zeilenzeichen zu teilen ."text".replace(/\r/g, "").split(/\n/);

Dadurch wird sichergestellt , dass , wenn Sie kontinuierlich neue Zeilen (dh haben \r\n\r\n, \n\r\n\roder \n\n) das Ergebnis wird immer das gleiche sein.

In Ihrem Fall würde der Code folgendermaßen aussehen:

(function ($) {
    $(document).ready(function () {
        $('#data').submit(function (e) {
            var ks = $('#keywords').val().replace(/\r/g, "").split(/\n/);
            e.preventDefault();
            alert(ks[0]);
            $.each(ks, function (k) {
                alert(k);
            });
        });
    });
})(jQuery);

Hier einige Beispiele, die die Bedeutung dieser Methode verdeutlichen:

var examples = ["Foo\r\nBar", "Foo\r\n\r\nBar", "Foo\n\r\n\rBar", "Foo\nBar\nFooBar"];

examples.forEach(function(example) {
  output(`Example "${example}":`);
  output(`Split using "\n": "${example.split("\n")}"`);
  output(`Split using /\r?\n/: "${example.split(/\r?\n/)}"`);
  output(`Split using /\r\n|\n|\r/: "${example.split(/\r\n|\n|\r/)}"`);
  output(`Current method: ${example.replace(/\r/g, "").split("\n")}`);
  output("________");
});

function output(txt) {
  console.log(txt.replace(/\n/g, "\\n").replace(/\r/g, "\\r"));
}

1. Verschieben Sie das var ks = $('#keywords').val().split("\n");Innere des Ereignishandlers
2. Verwenden Sie alert(ks[k])anstelle vonalert(k)

  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           e.preventDefault();
           var ks = $('#keywords').val().split("\n");
           alert(ks[0]);
           $.each(ks, function(k){
              alert(ks[k]);
           });
        });
     });
  })(jQuery);

Demo

Good'ol Javascript:

 var m = "Hello World";  
 var k = m.split(' ');  // I have used space, you can use any thing.
 for(i=0;i<k.length;i++)  
    alert(k[i]);  

Das Problem ist, dass beim Initialisieren ksdas valuenicht festgelegt wurde.

Sie müssen den Wert abrufen, wenn der Benutzer das Formular sendet. Sie müssen also das ksInnere der Rückruffunktion initialisieren

(function($){
   $(document).ready(function(){
      $('#data').submit(function(e){
      //Here it will fetch the value of #keywords
         var ks = $('#keywords').val().split("\n");
         ...
      });
   });
})(jQuery);

Hier ist ein Beispiel mit console.loganstelle von alert(). Es ist praktischer :)

var parse = function(){
  var str = $('textarea').val();
  var results = str.split("\n");
  $.each(results, function(index, element){
    console.log(element);
  });
};

$(function(){
  $('button').on('click', parse);
});

Sie können es hier versuchen