基于jquery的点击链接插入链接内容的代码

点击链接插入链接内容。亮点：　　1.正则匹配<a>标记。　　2.jQuery单击添加，双击删除。　　3.textarea加入换行。核心代码：复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Click to Text</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.6.2.min.js"></script> </head> <body> <div id="clickContain"> <a href="http://www.jb51.net">脚本之家</a> <a href="http://www.baidu.com">百度</a> <a href="http://www.qq.com">QQ</a> <a href="http://www.sina.com.cn">新浪</a> <a href="http://www.sina.com.cn">abc</a> </div> <div id="textContain"> <textarea rows="10" cols="50"></textarea> </div> <script type="text/javascript"> $(document).ready(function(){ var textareaContain = $("#textContain textarea").eq(0); //单击插入链接 $("#clickContain a").click(function(){ if(!$(this).hasClass('lock')) { var p = eval('/<a(?:.*)'+$(this).html()+'(?:.*)a>/i'); var addString = $(this).parent().html().match(p); //正则提取<a>标签 if(!!addString) addString = addString[0]+'n'; //正则匹配后的[0]是全部匹配的值，加入换行n textareaContain.val(textareaContain.val()+addString); $(this).addClass('lock'); //阻止第二次点击 } return false; }); //双击删除链接 $("#clickContain a").dblclick(function(){ $(this).attr('class',null); //删除整个class属性，以免出现class="" var p = eval('/<a(?:.*)'+$(this).html()+'(?:.*)a>(\n*)/gi'); textareaContain.val(textareaContain.val().replace(p,'')); return false; }); }); </script> </body> </html> 作者：Zjmainstay　　　　出处：http://www.cnblogs.com/Zjmainstay/

　　推荐阅读

　　基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)

1. 数据一共包含了全国3049所大学, 从人人网拷贝的 (仅供学习交流, 请勿用于商业项目), 这是一个脚本文件, 里含的JSON对象存储了学校的信息, 格式为: 复制代码代码如下: var schoolList=[ { "id":1, //省份id "s>>>详细阅读

本文标题：基于jquery的点击链接插入链接内容的代码

地址：http://www.17bianji.com/kaifa2/JS/23242.html

1/2 1