jQuery替换textarea中换行的方法


Posted in Javascript onJune 10, 2015

本文实例讲述了jQuery替换textarea中换行的方法。分享给大家供大家参考。具体分析如下:

昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行。

html部分:

<fieldset>
 <textarea id="ncontent"></textarea>
</fieldset>
<button id="submit">提  交</button>

js部分:

$(document).ready(function(){ 
  $("#submit").click(function(){ 
    var ss = $("#ncontent").text(); 
    alert(ss); 
    var str = ss.replace(//r/n/gi, "!!!"); 
    alert(str); 
  }); 
}); 
</script>

使用JavaScript的replace()方法后,换行还是没有被替换掉。

问题是出在jQuery获取textarea中的值。应该使用

var ss = $("#ncontent").html();

使用text() 或者 val() 方法,都会把textarea中的html标签进行处理,那么,肯定是替换不掉/r/n 了。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
JavaScript实现的浮动层框架用法实例分析
Oct 10 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
js评分组件使用详解
Jun 06 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
多个vue子路由文件自动化合并的方法
Sep 03 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 #Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 #Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 #Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 #Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 #Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 #Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 #Javascript
You might like
动态生成gif格式的图像要注意?
2006/10/09 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
javascript 写类方式之五
2009/07/05 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
原生js实现随机点名
2020/07/05 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
蹦床仓库:Trampoline Warehouse
2018/12/06 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
一道写SQL的面试题和答案
2013/11/19 面试题
什么是反射?如何实现反射?
2016/07/25 面试题
消防工作实施方案
2014/06/09 职场文书
2015年保送生自荐信
2015/03/24 职场文书
单位工作证明范本
2015/06/15 职场文书
小学生纪律委员竞选稿
2015/11/19 职场文书
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript