Jump to content


Photo

Como realizar replace em todos atributos usando jQuery/JavaScript?

JavaScript jQuery Replace prefix

  • Faça o login para participar
1 reply to this topic

#1 bobsap

bobsap

    Normal

  • Usuários
  • 82 posts
  • Sexo:Masculino
  • Localidade:marilia

Posted 26/03/2015, 16:01

Estou querendo substituir todas ocorrências que tiver __prefix__ por um número, como realizar isso usando jQuery/JavaScript?

HTML

<div class='form-modelo'>
<input id="id_form-__prefix__-nome" name="form-__prefix__-nome" type="text">
<input id="id_form-__prefix__-texto" name="form-__prefix__-texto" type="text">
</div>
<div class='form-real'></div>

JS

<script>
var clone = $('.form-modelo').clone();
var num = 1;
// replace __prefix__ por num
// ex: name='form-__prefix__-nome' para name='form-1-nome'
$('.form-real').append(clone);
</script>

Edição feita por: bobsap, 26/03/2015, 16:01.


#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 29/03/2015, 14:36

Você pode usar uma regex para substituir a string "__prefix__" pelo número desejado, a partir do HTML do elemento original:

 

$(function() {
var original = $('.form-modelo');
var num = 1;
// replace __prefix__ por num
// ex: name='form-__prefix__-nome' para name='form-1-nome'
var htmlNovo = $('<div>').append(original.clone()).html();
//var htmlNovo = original.html();
var cloneAlterado = $(htmlNovo.replace(/__prefix__/g, 1));
$('.form-real').append(cloneAlterado);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='form-modelo'>
<input id="id_form-__prefix__-nome" name="form-__prefix__-nome" type="text">
<input id="id_form-__prefix__-texto" name="form-__prefix__-texto" type="text">
</div>
Clone
<div class='form-real'></div>






Veja alguns posts relacionados com: JavaScript, jQuery, Replace, prefix

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq