Replace text with jQuery

Question

I'm trying to replace text on a site using this code:

<script type="text/javascript">
    $(document).ready(function () {
        $(function() {
            $(document.body).find('*').each(function() {
                var tmp = $(this).children().remove();
                var text = $(this).text();
                text = text.replace(/Vorname/g, "Firstname");
                $(this).text(text);
                $(this).append(tmp);
            });
        });
    });

</script>

HTML (snippet) is like this (generated by SharePoint):

<td style="padding:4px;">
<div>
    <label for="ctl00_IWS_WH_CPH_Content_ContactUsControl1_firstName">
        <span><font color='red'>*</font> Vorname (erforderlich):</span>
    </label>
</div>

The above jQuery code is not being executed... Reference to jQuery has been placed in the master page.

Any clue why this is not working?

Regards, Thomas

So your starting with the body, removing all children of all elements, and then you'd like to replace the text where exactly? — adeneo
– adeneo, Commented Nov 5, 2012 at 10:08

Jai · Accepted Answer · 2012-11-05 10:08:39Z

1

I have found you are using two doc ready functions you have to use only one:

Either : $(document).ready(function () {

or :     $(function() {

and see if this works.

Thanks

answered Nov 5, 2012 at 10:08

Jai

74.8k12 gold badges76 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ronen Over a year ago

Right. "$(document).ready(function () { " and "$(function() {" is the same thing.

Ghostman · Accepted Answer · 2012-11-05 10:10:08Z

1

working demo

check the jsfiddle link for the working code

 $(document).ready(function () {
$(document.body).find('*').each(function() {
                var tmp = $(this).children().remove();
                var text = $(this).text();
                text = text.replace(/Vorname/g, "Firstname");
                $(this).text(text);
                $(this).append(tmp);
            });
   });

answered Nov 5, 2012 at 10:10

Ghostman

6,1149 gold badges36 silver badges53 bronze badges

Comments

Filippo oretti · Accepted Answer · 2012-11-05 10:10:09Z

1

$('.element').text("sometext");

i think this is not right

var text = $(this).text();
                text = text.replace(/Vorname/g, "Firstname");

you should use:

var text = $(this).text();
    text.replace("Vorname", "Firstname");

then you should document better your question, i don't understand your real problem.

edited Nov 5, 2012 at 10:10

answered Nov 5, 2012 at 10:03

Filippo oretti

50k96 gold badges230 silver badges351 bronze badges

Comments

A. Wolff · Accepted Answer · 2012-11-05 10:18:38Z

0

In your code, you are stripping off some elements style. If you want to keep layout you better have to use html not text, but it really depends of what you are looking for.

$(document).ready(function () {
   $('body').find('*').each(function() {                
       var html= $(this).html().replace(/Vorname/g, "Firstname");
        $(this).html(html);
    });
 });

answered Nov 5, 2012 at 10:18

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Collectives™ on Stack Overflow

Replace text with jQuery

4 Answers 4

1 Comment

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Related