Javascript comment diviser une nouvelle ligne

J'utilise jquery et j'ai un textarea. Lorsque je soumets par mon bouton, j'alerterai chaque texte séparé par une nouvelle ligne. Comment diviser mon texte lorsqu'il y a une nouvelle ligne?

  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);

exemple d'entrée:

Hello
There

Le résultat que je veux est:

alert(Hello); and
alert(There)

Essayez d'initialiser la ksvariable dans votre fonction d'envoi.

  (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);

Vous devez analyser les retours à la ligne quelle que soit la plate-forme (système d'exploitation). Cette division est universelle avec les expressions régulières. Vous pouvez envisager d'utiliser ceci:

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

Par exemple

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

Ça devrait être

yadayada.val.split(/\n/)

vous passez une chaîne littérale à la commande split, pas à une expression régulière.

Puisque vous utilisez textarea, vous pouvez trouver \ n ou \ r (ou \ r \ n) pour les sauts de ligne. Donc, ce qui suit est suggéré:

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

réf: vérifie si la chaîne contient un saut de ligne

Juste

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

fonctionnera parfaitement.

Assurez-vous qu'il \r\nest placé au début de la chaîne RegExp , car il sera essayé en premier.

Le moyen le plus simple et le plus sûr de fractionner une chaîne à l'aide de nouvelles lignes, quel que soit le format (CRLF, LFCR ou LF), consiste à supprimer tous les caractères de retour chariot , puis à les fractionner sur les caractères de nouvelle ligne ."text".replace(/\r/g, "").split(/\n/);

Cela garantit que lorsque vous avez de nouvelles lignes continues (c. \r\n\r\n-à- d . \n\r\n\r, Ou\n\n ), le résultat sera toujours le même.

Dans votre cas, le code ressemblerait à:

(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);

Voici quelques exemples qui illustrent l'importance de cette méthode:

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. Bouge le var ks = $('#keywords').val().split("\n"); intérieur du gestionnaire d'événements
2. Utiliser à la alert(ks[k])place dealert(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);

Démo

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]);  

Le problème est que lorsque vous initialisez ks, le valuen'a pas été défini.

Vous devez récupérer la valeur lorsque l'utilisateur soumet le formulaire. Vous devez donc initialiser l' ksintérieur de la fonction de rappel

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

Voici un exemple avec console.logau lieu de alert(). Il est plus commode :)

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);
});

Vous pouvez l'essayer ici