javascript - jQuery replace Start and End tag in html document -



javascript - jQuery replace Start and End tag in html document -

i have next jquery snippet should replace code such [button] text here [/button] like:

<a class="button">text here</a>

the javascript have following:

$(document).ready(function() { var buttonstart = $("body").html().replace(/\[button\]*/ig,'<a class="button">'); $("body").html(buttonstart); var buttonend = $("body").html().replace(/\[\/button\]*/ig,'</a>'); $("body").html(buttonend); });

the problem having keeps replacing other elements on page have nil tags [button] [/button]. insance following:

<div id="middlebarleft"></div>

also gets replaced into

<a class="button"><div id="middlebarleft"></div></a>

shouldn't regex have above [button] , [/button] tags?

also, there other efficient way go this?

thanks

=====================

update.. entire html file replaces elements have nil want replace

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type='text/javascript'> $(document).ready(function() { var buttonstart = $("body").html().replace(/\[button\]/ig,'<a class="button">'); $("body").html(buttonstart); var buttonend = $("body").html().replace(/\[\/button\]/ig,'</a>'); $("body").html(buttonend); }); </script> <style> li{ list-style:none; padding-top:10px; padding-bottom:10px;} .button, .button:visited { background: #222 url(overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer } </style> </head> <body> <div> <ul> <li>[button]test[/button]</li> <li></li> <li>sample text</li> </ul> </div> </body> </html>

the problem stems way replacement occurs - please consider next fiddle: http://jsfiddle.net/gyrya/

as can see there 2 buttons in end, though there's 1 [button][/button] statement - it's because first you're replacing [button] <a class='button'> creates unmatched tag. causes </a> added @ end. you're replacing [/button] </a>, creates unmatched tag - time <a>, @ end.

a improve solution this: http://jsfiddle.net/gyrya/1/

edit: http://jsfiddle.net/gyrya/2/ omit script tag matching

edit 2: http://jsfiddle.net/gyrya/5/ - final solution, incorporating @rain diao non-greedy matching

edit 3: added performance test cases: http://jsperf.com/eithed-rsc3, please read give-and-take below @rain diao's reply genesis of it

javascript jquery html jquery-plugins

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more