jQuery替换textarea中换行的方法

 昨天同事在学习jQuery的时候，希望使用替换掉textarea中的换行。

html部分：

1
2
3
4

<fieldset>
<textarea id="ncontent"></textarea>
</fieldset>
<button id="submit">提 交</button>

js部分：

1
2
3
4
5
6
7
8
9

$(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 了。

时间： 2025-01-20 15:19:57

jQuery替换textarea中换行的方法的相关文章

jQuery替换textarea中换行的方法_jquery

本文实例讲述了jQuery替换textarea中换行的方法.分享给大家供大家参考.具体分析如下: 昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行. html部分: <fieldset> <textarea id="ncontent"></textarea> </fieldset> <button id="submit">提 交</button> js部分: $(docu

jQuery往textarea中光标所在位置插入文本的方法

  本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 <html> <

jQuery往textarea中光标所在位置插入文本的方法_jquery

本文实例讲述了jQuery往textarea中光标所在位置插入文本的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <script src="jquery-1.8.1.min.js"></script> <script > $(function() { /* 在textarea处插入文本--Start */ (function($) { $.fn.extend({ insertContent : f

jQuery获取样式中颜色值的方法_jquery

本文实例讲述了jQuery获取样式中颜色值的方法.分享给大家供大家参考.具体分析如下: 今天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示[#ffff00],而Chrome.Firefox中则是以GRB格式显示[rgb(255,0,0)],由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的).搜索了一下,从国外的一个网站上得到一段代码: $.fn

jquery实现textarea输入框限制字数方法

这篇文章主要介绍了jquery实现textarea输入框限制字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下       本文实例讲述了jquery实现textarea输入框限制字数的方法.分享给大家供大家参考.具体分析如下: 网上有使用属性 disabled 来实现,这个不好,想修改都没有修改.当然,这个也不是很完美. 代码如下: <html> <head> <title> jquery完美实现t

基于jQuery替换table中的内容并显示进度条的代码_jquery

效果图如下:http://jialiren.sinaapp.com/jdt/ Html代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>进度条列</title> <script type=&qu

JQuery操作textarea,input,select,checkbox方法_jquery

今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css" media="screen"> *{ marg

Dedecms批量替换文章中图片地址方法小结

第一种情况:页面图片无法显示 这个好办,直接用dreamever或其他编辑器批量替换模版文件里面的路径就好了,把以前的路径替换成当前的.例如:以前的是"/dedecms/images/1.jpg",可以将"/dedecms/images/"批量替换成"/images/". 第二种情况:缩略图和文章图片无法显示 此时,就要操作数据库了,因为缩略图和文章图片的路径是存在数据库对应表里面的.文章缩略图存在archives表的litpic字段中,文章图片

jquery live()重复绑定的解决方法介绍

 本篇文章主要是对jquery中live()重复绑定的解决方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 Query中.live()方法的使用方法    今天在写代码的时候遇到一个问题,直接上代码看: $(function(){            $(".file").live("click",function(){                     var task_name=$(this).text();