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 相关文章推荐
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
Dec 18 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
原生js实现随机点名功能
Nov 05 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
简介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中的output_buffering详细介绍
2014/09/27 PHP
php类的定义与继承用法实例
2015/07/07 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
PHP全局变量与超级全局变量区别分析
2016/04/01 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
2018/09/04 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python实现求最长回文子串长度
2018/01/22 Python
对numpy中shape的深入理解
2018/06/15 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
基于Python测试程序是否有错误
2020/05/16 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
经典演讲稿汇总
2014/05/19 职场文书
大学生心理活动总结
2014/07/04 职场文书
教师个人考察材料
2014/12/16 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书