jQuery/JavaScript - Trim white space/tab between two element? [duplicate]

Question

Possible Duplicate:
Remove non breaking space ( ) from between elements using jquery

How to write a script to trim white space/tab between two element?
For example,

<tr>       <td>A     </td>                <td>B   </td>      <td>C    </td>       </tr>

Convert to,

<tr><td>A     </td><td>B   </td><td>C    </td></tr>

For the example, the script should remove the white space/tab between first <td>xxx</td> element and second <td>xxx</td> element and so on.

Thanks

Why would you need to do this? That white space has no effect on anything. Or do you mean that the code is actually displayed as text on the page? — James Allardice
– James Allardice, Commented Jul 31, 2011 at 16:30

Darm · Accepted Answer · 2011-07-31 16:30:23Z

8

Use:

function specialTrim(str){
    return str.replace(/>\s+</g,'><');
}

answered Jul 31, 2011 at 16:30

Darm

5,6592 gold badges22 silver badges18 bronze badges

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

Comments

Frédéric Hamidi · Accepted Answer · 2011-07-31 17:16:32Z

3

You can use contents() with filter() to match the text nodes inside your <tr> element:

$("tr").contents().filter(function() {
    return this.nodeType == 3;
}).remove();

answered Jul 31, 2011 at 16:34

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges