怎样用jquery替换html内容 替换标签

replaceWith简单使用
jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:
页面有如下p标签
把所有p标签替换为“##”
$('p').replaceWith('##');
执行后的结果:
利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:
$('p').each(function(){
&&&&$(this).replaceWith('&b&'+$(this).html()+'&/b&');
这就替换了!
多语言网站可以利用这个函数轻松完成
如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。
假如页面dom结构如下:
我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:
var translate = {
&&&&'苹果' : 'apple',
&&&&'电脑' : 'PC'
然后我可以这样执行翻译替换
$('i').each(function(){
&&&&$(this).replaceWith(translate[$(this).html()]);
执行后效果:
页面效果:
我选择了jQuery,最主要是它的思想“write less,do more&,因为我是一个挑剔的人,以前写过的代码,会时不时翻出来,看看有没有可以精简,优化的地方。一来是对不断学习的推动,二来可以将新的思想,技术应用到里面去。 对于jQuery插件的写法,以前就有介绍过,网上也有很多例子。 这里简要地进行些写法,主要是简写的说明,见下列代码: &script type=&quot
使用Jquery 如何获取带特殊符号的ID 标签
$(document.getElementById('ID名称'))
count()函数里面想实现带条件统计,可以使用SUM函数来进行替换
count()函数里面想实现带条件统计,可以使用SUM函数来进行替换,具体可以使用case when 语句或者Decode函数来对要统计的数据进行0、1转换,
如下例子: SELECT s.user_id,SUM(case(m.is_success) when 1 then 1 else 0 end),SUM(case w
本文实例讲述了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法。分享给大家供大家参考。具体分析如下: jQuery通过load()方法载入另外一个网页文件内的指定标签内容到div标签,如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内
&!DOCTYPE html& &html& &hea
而str.replace(/\-/g,&!&)则可以全部替换掉匹配的字符(g为全局标志)。 replace() The replace() method returns the string that results when you replace text matching its first argument (a regular expression) with the
相信许多人对php手册中语焉不详的curl_multi一族的函数头疼不已,它们文档少,给的例子 更是简单的让你无从借鉴,我也曾经找了许多网页,都没见一个完整的应用例子。
curl_multi_add_handle curl_multi_close curl_multi_exec curl_multi_getcontent curl_multi_info_read curl_multi_init
以下函数中前两个函数取出查找字符串的前一部分和后一部分,以用于其他函数。注意,调用一次 replaceString(mainStr,searchStr,replaceStr) 函数,只能将字符串 mainStr 中最先找到的一个 searchStr 字符串替换为 replaceStr 字符串,并不能将字符串 mainStr 中所有的 searchStr 字符串替换为 replaceStr
有时候用JS替换字符串时,replyText= replyText.replace(&aa&,&&);
这样只能替换掉字符串中第一个aa,有时候需要替换全部的aa,这种方法就不能使用了。。
可以用如下方法做参考:
function del_html_tags(str,reallyDo,replaceWith) { var e=new
struts2中s:radio标签的使用总结
遇到的问题:在使用该标签时,设置了默认选中项,但提交数据返回后,单选框不能显示之前选中的项,仍然为默认选项 通过测试得出以下结论:
以&s:radio name=&user.sex& list=&%{#{'1':'男','0':'女'}}& theme=&simple&&&lt
Android 性能优化 四 布局优化merge标签的使用
小白:之前分享了ViewStub标签的使用,Android还有其他优化布局的方式吗?
小黑:&merge /&标签用于减少View树的层次来优化Android的布局。先来用个例子演示一下:
首先主需要一个配置文件activity_main.xml
&RelativeLayout xmlns:andr
1.把html元素全部去掉,或者保留某几个html标签
&?php $text = '&p&Test paragraph.&/p&&!-- Comment --& &a href=&#fragment&&Other text&/a&'; echo strip_tags($text); echo
我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回,所以我想知道是否有一种方式,使我可以使用单个回调,并行地加载它们,就像JS加载器 curljs 所做的那样。 很幸运! 通过jQuery.when, 我可以并发地加载两个请求,只执行一次回调! jQuery 脚本正如我提到的,下面是加载脚本和一个JSON资源的用例:
$.when( &n
  TaggingJS 是一款 jQuery 插件,用来创建高度可定制的前端标签系统。这款插件不到3KB ,支持主流浏览器。有几种方法来定制 TaggingJS 的默认行为:一是使用 custom_options 定制全局的 TaggingJS 行为;二是给标签框加上 data 属性;三是结合前面两种方式。
这个方法的作用是:php截取含有html标签的字符串,如果标签未闭合就闭合标签,防止未闭合的标签破坏原网页布局。截取完之后将多余的内容替换为...或者其他任意字符,支持锚点指定替换到指定位置。
/* * ============================== 截取含有 html标签的字符串 ========================= * @param (string) $str
今天要分享的是基于JQuery实现的多标签的切换,JQuery就不用过多介绍了,网上一搜一大堆资料,当然这样的小示例也有很多,这里只是发表一些自己的想法。
下面是本次示例所使用的HTML页面:
&!DOCTYPE html PUBLIC &-//W3C//DTD HTML 4.01//EN& &http://www.w3.org/TR/
这里有一个内容要特别注意的那就是给标签的mouseover事件设置延迟,这样防止用户恶意的移动鼠标导致放送大量的请求而是服务器崩溃,用到setTimeout函数,主要用到已下的事件
1 $().each(function(){}) 这个是个非常重要的遍历所有标签的好办法
2 mouseover事件,
还有就是关键的css样式编写,控制显示的样式,
变量的来源:
1 从php分配的变量,使用assign分配 2 系统变量 3 路径替换变量 不能使用函数的变量 变量输出快捷标签 {@var}//输出Session变量 和{$Think.session.var}等效 {#var}//输出Cookie变量 和{$Think.cookie.var}等效 {&var}//输出配置参数 和{$Think.config.var}等效 {%var}
&script&&/script& 标签 要在 HTML 中使用 JavaScript ,需要使用 &script&&/script& 标签,并定义 type 属性值为 text/javascript ,正如前面的 alert 弹出提示框 例子所示:
&script type=&text/javascript&
String.replace( ) 简介 语法: var strings = string.replace(regexp, replacement)
regexp :您要执行替换操作的正则表达式,如果传入的是一个字符串,那就会当作普通字符来处理,并且只会执行一次替换操作;如果是正则表达式,并且带有 global (g) 修饰符,则会替换所有出现的目标字符,否则,将只执行一次替换操作。 repla
在编写PHP模板引擎工具类时,以前常用的一个正则替换函数为 preg_replace(),加上正则修饰符 /e,就能够执行强大的回调函数,实现模板引擎编译(其实就是字符串替换)。 详情介绍参考博文:PHP函数preg_replace() 正则替换所有符合条件的字符串 应用举例如下:
* 模板解析类
我们都知道,在PHP里Strtr,strreplace等函数都可以用来替换,不过他们每次替换的时候都是全部替换,举个例子:&abcabbc&,这个字符串如果使用上边的函数来把其中的b替换掉,那么他会全部替换掉,但是如果你想只替换一个或两个怎么办呢?看下边的解决方法: 这是个比较有点意思的问题,正好之前也做
JS中的事件默认是冒泡方式,逐层往上传播,可以通过stopPropagation()函数停止事件在DOM层次中的传播。如以下例子: HTML代码:
&!DOCTYPE html& &html& &head& &meta charset=&utf-8& /& &title&stopPropagation()使用 -
  Hashslider 实现了常见的 jQuery 滑块的功能,特别之处在于给 URL 加上了标签,因此你能够连接到滑块的某块内容。滑块的内容也可以从外部的 HTML 文件获取。
源码下载  效果演示
本文链接:Hashslider – 带有标签功能的 jQuery 内容滑块 编译来源:梦想天空 ◆ 关注前端开发技术 ◆
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的
//排序从文字短的到长的 var arr_a=new Array(); var i=0; $(&.type
JS实现关键字高亮显示
&body& &div& a曾经有一份真挚的爱情拜在我面前,明明我却睡着了…… 生活真TMD的难过,熬吧,总有出头的一天 the future will be bright!&/div& &script type=&text/javascript&& document.body.innerHTML =
本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下: jQuery可以通过text和html方法获取指定标签的文本内容或者html内容
&!DOCTYPE html& &html& &head& &script src=&js/jquery.min.js&& &/scrip
MySQL replace函数我们经常用到,下面就为您详细介绍MySQL replace函数的用法,希望对您学习MySQL replace函数方面能有所启迪。 最近在研究CMS,在数据转换的时候需要用到mysql的MySQL replace函数,这里简单介绍一下。 比如你要将表 tb1里面的 f1字段的abc替换为def UPDATE tb1 SET f1=REPLACE(f1, 'abc', '
Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict(); jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法:$(&di
函数返回数组的例子
转载自:/aspsmile/category/186171.html 原文位于:http://www.itpub.net/viewthread.php?tid=610297&extra=page%3D2%26amp%3Bfilter%3Ddigest&page=2 create or replace type t_r
alert(&abacacf&.replace('a','9')); alert(&abacacf&.replace(/a/g,'9')); 第一个运行的结果 9bacaf 这个只是替换了第一个 第二个运行的结果 9b9c9f 这个能实现js的全部替换功能 其实第二个的意思就是用正则表达式实现全局的替换 g 代表 gobal
另附:带有特殊符号的全局替换
大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。
&meta content=&text/ charset=utf-8& http-equiv=&Content-Type& /& &script language=&javascript& type=&text/javascript& src=&jquery-1.7
1.绑定事件
使用这个方法可以在页面加载时为元素增加事件
$(&#myElement&).click(function(){ alert($(this).text()); })
和1一样,还可以在页面加载之后为元素增加事件,如创建新的DOM元素
$(&#myElement&).bing
最近正在回顾之前的一些基础知识,用jquery写了一个图片滑动的插件,虽然还是有些问题存在,用法很简单,只要在对目标元素绑定slideW()函数即可,该函数最多支持两个输入,分别是图片变化之后的宽度,以及动画的速度,如果不输入,则采用默认的宽度以及默认的速度。
下面是我自己测试的例子:
//html代码 &div class = &content&
本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下:
function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location. var v1 = &&; $(name).each(function () {
实际需求中,需要对某张表某字段里面的内容进行批量替换,普通的思考流程如下: SELECT出来
str_replace替换UPDATE写入 实际这样极其浪费资源以及消耗资源,MYSQL内置了一个批量替换的语法
UPDATE table SET field = replace(field,'被替换','替换成')
直接就替换了,后面也可以跟WHERE 条件语句
碰巧在开发的时候遇到这个问题,因为jQuery总是只返回第一个类标签的值,所以无法达到我们的要求。 比如:
var btn = jQuery('.btn').val();
获取的只是第一个类标签为btn的html元素的value值。
要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。
var btns = new A
有个静态页面 &spanid=ab&abcde&/span&&spanid=ab&abcde&/span&&spanid=ab&abcde&/span&&spanid=ab&abcde&/span& 能否通过js实现,IE浏览时的代码被替换为 &im
我们使用str.replace(/s/g,&world&)可以将字符&s&替换成&world& 如果要替换一个变量呢?s=&abc&怎样将全部abc替换成&world
定义和用法 str_replace() 函数使用一个字符串替换字符串中的另一些字符。
语法 str_replace(find,replace,string,count)
参数 描述 find 必需。规定要查找的值。 replace 必需。规定替换 find 中的值的值。 string 必需。规定被搜索的字符串。 count 可选。一个变量,对替换数进行计数。
提示和注释 注释:该函数对大jQuery标签替换函数replaceWith()的使用例子
投稿:junjie
字体:[ ] 类型:转载 时间:
这篇文章主要介绍了jQuery标签替换函数replaceWith()的使用例子,使用replaceWith可以替换模板里的标签,还可以实现多语言网站,需要的朋友可以参考下
replaceWith简单使用
jQuery中,有一个强大的替换函数replaceWith(),使用非常简单,如:
页面有如下p标签
把所有p标签替换为“##”
$('p').replaceWith('##');
执行后的结果:
利用这个replaceWith,我们可以把所有p标签替换为b标签,内容不变:
$('p').each(function(){
&&&&$(this).replaceWith('&b&'+$(this).html()+'&/b&');
这就替换了!
多语言网站可以利用这个函数轻松完成
如果你开发的是一个多语言的网站,甚至可以利用这个特性,比如,在你需要翻译的文字上加上i标签,然后遍历翻译替换。
假如页面dom结构如下:
我们要把页面中的i标签里的文本给翻译,页面中有i标签的分别是苹果、电脑。于是我们实现需要一个翻译库:
var translate = {
&&&&'苹果' : 'apple',
&&&&'电脑' : 'PC'
然后我可以这样执行翻译替换
$('i').each(function(){
&&&&$(this).replaceWith(translate[$(this).html()]);
执行后效果:
页面效果:
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具jquery怎样替换html的字符串?_百度知道
jquery怎样替换html的字符串?
&abcd&&#471 分钟前 提问者悬赏:5分 | beyondxxxxxx | 分类:&div class=&p&c&&lt?同时“abcd”要保留着;p&Cactus&&&a href=&&a&/怎样把“Cactus”换成“china”:JavaScript | 浏览2次如下
提问者采纳
里面的a标签 并且href属性值=&a[href='c&);查询class=&);/abcd&quot.c&);china&quot.html(&]&quot.find(&abcd'$(&&#47
提问者评价
非常感谢大家!!
其他类似问题
为您推荐:
您可能关注的推广
jquery的相关知识
其他1条回答
china&quot.html(&quot.c p a&);div$(&)
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jQuery实现将页面上HTML标签换成另外标签的方法
本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法。分享给大家供大家参考。具体分析如下:
替换前代码如下:
&code& A &/code&
&code& B &/code&
&code& C &/code&
替换后代码如下:
&pre& A &/pre&
&pre& A &/pre&
&pre& A &/pre&
实现替换代码:
代码如下:$('code').contents().unwrap().wrap('&pre/&');
$('code').replaceWith(function(){
return $("&pre /&").append($(this).contents());
希望本文所述对大家的jQuery程序设计有所帮助。
如果您喜欢本文请分享给您的好友,谢谢!
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)jQuery 教程
jQuery replaceWith() 方法
实例 把第一个 &p& 元素替换为新的文本:
$("button").click(function(){ $("p:first").replaceWith("Hello world!"); });
定义和用法 replaceWith() 方法把被选元素替换为新的内容。
$(selector).replaceWith(content,function(index))
content 必需。规定要插入的内容(可包含 HTML 标签)。 可能的值:
HTML 元素 jQuery 对象
function(index) 可选。规定返回替换内容的函数。
index - 返回集合中元素的 index 位置。
如何使用函数替换把被选元素替换为新的内容。

我要回帖

更多关于 jquery 替换标签 的文章

 

随机推荐