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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
javascript中的Function.prototye.bind
Jun 25 Javascript
详细分析JavaScript变量类型
Jul 08 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
vue多个元素的样式选择器问题
Nov 29 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
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
php中使用GD库做验证码
2016/03/31 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
JQuery实现自定义对话框的代码
2008/06/15 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
vue 国际化 vue-i18n 双语言 语言包
2018/06/07 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
原生js实现日历效果
2020/03/02 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
python使用PyFetion来发送短信的例子
2014/04/22 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
售后专员岗位职责
2013/12/08 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
公司业务员岗位职责
2014/03/18 职场文书
小学语文业务学习材料
2014/06/02 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
平面设计师岗位职责
2014/09/18 职场文书
我爱我班主题班会
2015/08/13 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers