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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 Javascript
Jquery日期选择datepicker插件用法实例分析
Jun 08 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
详解vuex的简单todolist例子
Jul 14 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
WEEX环境搭建与入门详解
Oct 16 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
php 远程图片保存到本地的函数类
2008/12/08 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
jquery 插件学习(五)
2012/08/06 Javascript
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
Nodejs + Websocket 指定发送及群聊的实现
2020/01/09 NodeJs
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
使用grappelli为django admin后台添加模板
2014/11/18 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
python元组拆包实现方法
2021/02/28 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
保护动物的标语
2014/06/11 职场文书
群众路线领导对照材料
2014/08/23 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
介绍信模板
2015/01/31 职场文书
寒山寺导游词
2015/02/03 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
学校德育工作总结2015
2015/05/11 职场文书
Python实现简繁体转换
2021/06/07 Python