使用javascript删除内联块中的空白

我试图用这个Javascript代码删除内联块之间的空白

$.fn.removeSpace = function(){
this.contents().filter(function() {
    return this.nodeType === 3;
}).remove();
};
$('.Container').removeSpace();

<div class="Container">
  <div class="what">
    <ul class="lolers">
      <li class="lol">Test</li>
      <li class="lol">Test 2</li>
      <li class="lol">Test 3</li>
    </ul>
  </div>
</div>

$.fn.removeSpace=函数（）{
this.contents（）.filter（函数（））{
返回this.nodeType==3；
}).remove（）；
};
$（'.Container'）.removeSpace（）；

测试
测试2
测试3

如果我将

$（'.Container'）

设置为

$（'.lolers'）

则空白条带正确。如果设置为

.what

，也不会将其剥离

---

编辑：很抱歉没有包括这个问题。如何让javascript代码遍历所有内容并去掉空白？

编辑：有人向我指出，字体大小：0；该方法在Safari和Android上有一些优点。有人指给我看这篇文章

您还可以将它们设置为块并向左浮动。这是我的小提琴例子

html

原始帖子：为什么要使用javascsript删除空白？据我所知，当您将元素显示为内联块时，父元素会为文本留出空间。基本上，我读到的是图像是这样显示的，所以内联块默认为标题文本留出空间。将父元素的字体大小设置为零。这是我的小提琴例子

html

---

你的问题到底是什么？这是一个范围问题。如果您想这样做，您最好将原始查询设置为：

this.find（'li'）

，否则您将寻找递归DOM横向。建议：使用css.@drinchev–或HTML注释删除它。这里不需要疯狂使用JavaScript。我同意大家的看法，并建议您使用CSS。但是，如果必须使用JS，只需使用

replace（）

函数即可。放置document.getElementById（id）.innerHTML=document.getElementById（id）.innerHTML.

replace（“，”）全部在一行。Matt Stow报告字体大小：0；这项技术在Android上存在一些问题。引用：“Pre-Jellybean根本不删除空格，而且Jellybean有一个错误，最后一个元素随机地有一点点空格。”这是从css-tricks.com中获得的。是的，这就是我读到的关于字体大小为零的地方。好吧，我想只要把它们做成方块，然后把它们放在左边就行了。这是我的小提琴。。。
<div>
    <div></div>
    <div></div>
    <div></div>
</div>
<div id="second">
    <div></div>
    <div></div>
    <div></div>
</div>

div div {
    background: #000;
    height: 100px;
    width: 100px;
    display: block;
    float: left;
    }

#second {
    clear: left;
}

<div id="first">
    <div></div>
    <div></div>
    <div></div>
</div>
<div>
    <div></div>
    <div></div>
    <div></div>
</div>

div div {
    background: #000;
    height: 100px;
    width: 100px;
    display: inline-block;
}
    #first {
    font-size: 0;
}