2014-02-20 2 views
2

요소와 새 줄 사이의 공백을 제거하는 데 필요한 템플릿에서 HTML을 가져 왔습니다. 나는 HTML을 깨뜨릴 수있는 공간을 제거하고 싶지 않아서 나를 위해 까다로워지고있다. 희망 어쩌면 공백을 제거하는 복잡한 정규식 대신 jQuery를에 내장 된 것이 있습니다JavaScript/jQuery에서 HTML 블록을 축소하는 방법은 무엇입니까?

'<div id="head"></div> \n <div id="body"></div> <div id="foot"></div> '.replace(/(\r\n|\n|\r)/gm, ''); 

: 지금까지 나는 새로운 라인을 제거하기 위해 아래 가지고 있지만, 공간 난에 붙어 있어요?

+0

웹 물건을 알고 있지만 그 다음 그것을 재구성 요소를 편집하는 DOM으로 구문 분석 할 수 없습니까? _tag_를 찾는 것은 상당히 복잡 할 수 있습니다. 그것은 당신이 (태그의 경우)'/ (>) \ s + | \ s + (<) /'를 안정적으로 사용할 수있는 것과는 다릅니다. – sln

답변

4

이 작동합니다 :

.replace(/^\s+|\r\n|\n|\r|(>)\s+(<)|\s+$/gm, '$1$2') 

Fiddle

+0

'$ .trim'은 원래 문자열의 공백을 감싸는 것을 잊지 마세요. – tenub

+0

@tenub 좋은 지적, 트리밍 추가 –

관련 문제