Question

I have a class for DIVs called .post and I’d like to find words inside that element and replace them with something else. That words must also not be inside elements with other classes (.tiptrig and .postheader).

I’d really like to achieve this but I don’t know how… I am new to Javascript and especially jQuery.

Answer 1

Seems like an easy task.

$('.post').each(function() {
    $(this).html(function(index, html) {
        return html.replace(/THEWORD/g, 'something else');
    });
});

This would iterate over all nodes which own the class .post and replace the word THEWORD with something else. Be aware of that his is dangerous too because you could also modify HTML tag names for instance. So this only makes sense if you want to add/modify HTML code aswell.

demo: http://www.jsfiddle.net/XGuGy/

Probably a better idea to access the text():

$('.post').each(function() {
    var $this = $(this);

    if( !$this.closest('.postheader').length && !$this.closest('.tiptrig ').length ) {
         $this.text(function(index, text) {
            return text.replace(/you/g, 'you fool');
         });
    }
});

demo: http://www.jsfiddle.net/XGuGy/1/