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 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
fetch 如何实现请求数据
Dec 20 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
Vue使用lodop实现打印小结
Jul 06 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 Javascript
微信小程序实现点击导航条切换页面
Nov 19 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
php提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
自写的一个jQuery圆角插件
2010/10/26 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
jQuery实现点击行选中或取消CheckBox的方法
2016/08/01 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
python接口自动化如何封装获取常量的类
2019/12/24 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
基于python实现模拟数据结构模型
2020/06/12 Python
Python numpy矩阵处理运算工具用法汇总
2020/07/13 Python
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
幼儿园消防安全制度
2014/01/26 职场文书
检举信的格式及范文
2014/04/04 职场文书
社会实践评语
2014/04/28 职场文书
申论倡议书范文
2014/05/13 职场文书
综合办公室岗位职责
2015/04/11 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android