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 相关文章推荐
Javascript 读书笔记索引贴
Jan 11 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
再探JavaScript作用域
Sep 24 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
vue+vant 上传图片需要注意的地方
Jan 03 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
短波的认识
2021/03/01 无线电
关于php循环跳出的问题
2013/07/01 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
php微信开发之关注事件
2018/06/14 PHP
PHP实现简单日历类编写
2020/08/28 PHP
jquery入门—编写一个导航条(可伸缩)
2013/01/07 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
vant实现购物车功能
2020/06/29 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
初一地理教学反思
2014/01/16 职场文书
高二化学教学反思
2014/01/30 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
班级安全教育实施方案
2014/02/23 职场文书
yy生日主持词
2014/03/20 职场文书
事业单位分类改革实施方案
2014/03/21 职场文书
初中学生评语大全
2014/04/24 职场文书
实验心得体会
2014/09/05 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python