Question

I don’t know how to call it but let me call it semi-inner text.

Example

<div id='myDiv'>
    This is the semi-inner text
    <div id='other'></div>
    This is the semi-inner text
<div>

I want to remove/replace those This is the semi-inner text using jquery.

How can I do that?

Answer 1

If you only care about child nodes…

$('#myDiv').contents().filter(function() {
    return this.nodeType == 3
}).each(function() {
    this.data = this.data.replace(/This is the semi-inner text/g, 'swapped');
});​

jsFiddle.

If you want to check all descendant nodes, make the function recurse when it detects an element node (this.nodeType == 1).