Как удалить пробел между тегами html с помощью javascript?

Question

У меня есть некоторое содержимое HTML внутри переменной JavaScript:

var string="<tr> <td> data 1 </td> <td> data 2 </td> <td> data 3 </td></tr>"; 

Я хочу, чтобы удалить пробелы только между HTML-теги. Белое пространство в данных столбцов должно оставаться таким же.

string.replace(/\n/g, ""); 
string.replace(/[\t ]+\</g, "<"); 
string.replace(/\>[\t ]+\</g, "><"); 
string.replace(/\>[\t ]+$/g, ">"); 

Я пробовал вышеуказанный код. Но это не сработало. Кто-нибудь, пожалуйста, помогите мне решить эту проблему.

Answer 1

Игнорирование < и> символов внутри текстовых узлов:

var string = "<p>lol</p> <p>let's remove <span>spaces between tags</span> </p>"; 
var rexp = new RegExp(">[\t\s ]*<", "g"); 
var result = string.replace(rexp, "><"); 

Js скрипку здесь: http://jsfiddle.net/4cfgnfrx/

с вашим примером: http://jsfiddle.net/4cfgnfrx/1/

Answer 2

Там есть решение JQuery:

Использование .contents() и .filter(), чтобы найти все текстовые узлы и ремо ве() их, как это:

var $e = $("<tr> <td> data 1 </td> <td> data 2 </td> <td> data 3 </td></tr>"); 
 
$e.contents().filter(function() { 
 
    return this.nodeType = Node.TEXT_NODE && /\S/.test(this.nodeValue) === false; 
 
}).remove(); 
 
console.log($e.html()); 
 
// <td> data 1 </td><td> data 2 </td><td> data 3 </td>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
Check console!

В приведенном выше примере фильтры детей tr. Тем не менее, также можно проверять потомков или принимать сложные решения, такие как сохранение пробелов между встроенными элементами, но удаление между элементами блока.

Answer 3

string= string.replace(/>\s+</g,'><');