이미지가있는 표의 공백을 제거

Question

나는 이와 같이 html을 가지고 있습니다.

<td id="foo"> 
    <img src="foo.png" /> <img src="foo.png" /> <img src="foo.png" />&nbsp; 
</td> 

html로 위의 공백을 포함하고 또한  ,
내가 jQuery를 사용하는 것을 제거 할.
어떻게 수행하나요?

이미이 스크립트로 시도했지만 작동하지 않습니다.

$('#foo').text().replace(/ /g,''); 

Answer 1

은 당신이 평범한 공간이 어쩌면 같은

var nodes = $("#foo").contents().filter(function() { 
    return this.nodeType == 3 && /^(\s| )*$/.test(this.nodeValue); 
}).remove(); 

//console.log($("#foo").html()); 

뭔가 그 모든 textNodes을 필터링 한 후 내용을()를 사용하고 필요가 있다고 생각? 당신은 단지 이미지를 가지고 있다면 당신은 단지, 내가 지금 공간을 찾고   편집 한

부분 && this.data == " " jsfiddle 테스트를 제거 할 수 있습니다 http://jsfiddle.net/Rurn2/

Answer 2

시도해 보셨습니까? $('#foo').html($('#foo').html().replace(/ /g,''));? 코드는 요소의 텍스트를 기반으로 공백이없는 문자열을 반환합니다. 그러나 요소의 텍스트를 덮어 쓰려면 중괄호 사이에 새 문자열을 입력해야합니다.

Answer 3

이 시도 :

var html = '>' + $('#foo').html() + '<'; 
html = html.replace(/&nbsp;/g, '').replace(/>\s+</gm, '><'); 
$('#foo').html(html.substring(1, html.length-1)); 

Answer 4

가장 안전한 방법이다 모든 텍스트 노드를 찾아 nodeValue를 찾고자하는 것과 정확하게 비교하고 공백 만 포함하는 노드를 제거하십시오. innerHTML에 대한 작업을 직접 수행하는 것은 어려우므로 실제 태그 (예 : 공백이 있어야 함) 내에있는 것을 엉망으로 만들지 않아야합니다. 텍스트 노드에서 작동하는 것은 브라우저를 사용하여 사용자를 안전하게 유지하는 것입니다. http://jsfiddle.net/jfriend00/RNTbT/

참고로,이 버전도 공백 및  의 조합 텍스트 노드를 처리합니다 :

이

$("#foo").contents().filter(function() { 
    if (this.nodeType == 3) { 
     return(this.nodeValue.replace(/\s| /g, "") == ""); 
    } 
    return(false); 
}).remove();​ 

당신이 여기서 일 볼 수 있습니다 :이처럼 조건에 일치하는 모든 텍스트 노드를 찾을 수 있습니다 . 모든 공백을 제거하고  을 제거한 다음 아무것도 남아 있는지 확인합니다. 그렇지 않으면 공백 문자 만있는 텍스트 노드이므로 제거해야합니다.