Estoy tratando de escribir una función replacewith en jQuery que reemplazará palabras específicas con html.reemplazar texto sin formato con html usando jQuery
Básicamente estoy tratando de reemplazar algo así como [this]
con <span class='myclass'>
mientras se carga el documento. He buscado un par de muestras pero las dos cosas que vi no me permitieron llegar al trabajo. Todavía estoy aprendiendo jQuery, así que espero que alguien pueda darme un par de sugerencias sobre qué probar.
Gracias de antemano, Steven.
HTML/texto:
[this]hello world![/this]
JavaScript:
$(document).ready(function() {
// Using just replace
$("body").text().replace(/[this]/g,'<b>')
});
--EDIT--
He hecho algunos cambios en la función utilizando demostración de Nir continuación. Aquí hay algunos detalles más sobre lo que estoy haciendo. Estoy tratando de hacer una fracción en línea, que ya tengo las clases apropiadas y todo lo demás. Funciona bien cuando está en html, pero cuando ejecuto la función jQuery parece que no funciona.
Es obvio que las etiquetas son reemplazadas, pero mi CSS realmente no parece estar funcionando como mencioné.
Heres un enlace al HTML HERE
y aquí hay un enlace a la jsFiddle HERE
$(document).ready(function() {
// Using just replace
var text = $('body').text();
$("body").html(text.replace(/\[math\]/g,'<span class="container">').replace(/\[\/math\]/g,'</span>'));
var textt = $('body').text();
$("body").html(textt.replace(/\[top\]/g,'<div class="containme">').replace(/\[\/top\]/g,'</div>'));
var textl = $('body').text();
$("body").html(textl.replace(/\[line\]/g,'<div class="borderme"> </div>'));
var textb = $('body').text();
$("body").html(textb.replace(/\[bot\]/g,'<div class="containme2">').replace(/\[\/bot\]/g,'</div>'));
});
Esta HTML
<span class="readme">Whats up, here's a fraction.
<span class="container">
<div class="containme">1</div>
<div class="borderme"> </div>
<div class="containme2">2</div>
</span>
Hello? Whats up, here's a fraction.
<span class="container">
<div class="containme">1</div>
<div class="borderme"> </div>
<div class="containme2">2</div>
</span>
Hello? Whats up, here's a fraction.
</span>
a este shortend marcado
<span class="readme"> Whats up, here's a fraction. [math][top]1[/top][line][bot]2[/bot][/math] </span>
? ¿Y solo estás insertando una etiqueta de apertura? ¿Qué pasa con la etiqueta de cierre para ese elemento insertado? –
(a) no ha definido su violín a usar jQuery (b) '.replace' devuelve una nueva cadena: Por favor, no https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace –