JQuery Wie Text in separate Spanne setzen, nachdem es

Question

ich versuche zu setzen in separate Spannweiten den Text i in Textarea einfügen, Dank fortschrittlicher

hier ist mein Code

$(document).ready(function(){ 
 

 
$("#span").click(function() { 
 
    alert("1. all words into separate span, 2. all words gone after that "); 
 

 
$('#words').each(function(){ 
 
     var words = $(this).text().split(" "); 
 
     var total = words.length; 
 
    
 

 

 
     $(this).empty(); 
 
     for (index = 0; index < total; index ++){ 
 
      $(this).append($("<span /> ").text(words[index])); 
 
     } 
 
     
 
     
 
    }); 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" name="" value="Click" id="span"> <br><br> 
 

 
<textarea id="words" autocomplete="off" spellcheck="false" autocapitalize="off" autocorrect="off" >It works only when i put text in here, not when i paste it</textarea>

einfügen

http://jsfiddle.net/bpreq129/

Answer 1

Wenn Sie das nächste Mal eine Frage stellen, geben Sie bitte einen nützlichen beschreibenden Titel ein und versuchen Sie, einen aussagekräftigeren Text zu erhalten. Wenn du deinen Code reingibst und sagst, dass ich das hier mache, bekomme ich eine negative Antwort. Erklären Sie gründlich, was Sie versucht haben und was Sie versuchen zu tun. Nächstes Mal stellst du eine Frage.

Um Ihnen aber mit Ihnen aktuellen Dilemma zu helfen, können Sie etwas wie das versuchen.

$("#span").click(function() { 
    alert("1. all words into separate span, 2. all words gone after that "); 
    var textArea = $('#words'); 
    var arrayOfWords = textArea.val().split(" "); 
    var wordsInSpans = ''; 
    $.each(arrayOfWords, function(i, word){ 
    console.log(word) // you can do anything you want with the word in here 
     wordsInSpans += '<span>' + word + '</span>'; 
    }) 

    $('body').append(wordsInSpans); 
    textArea.val(''); // This will set the value to blank 
}); 

viel Glück mit dem, was Sie versuchen,

Answer 2

Ihre Wähler ist falsch. $ (‚# Wörter‘) Wähler für nur ein Objekt verwendet und ist ID-Selektor. Sie sollten dieselbe Klasse für alle Spannen angeben und Ihren Selektor wie folgt ändern:

$ ('. Words').