我正在使用最新的Jquery和以下脚本:
<script type="text/javascript">
$(document).ready(function(){
var el = $('.title');
el.html(el.html().replace(/\./gi, " "));
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是div:
<div class="title">The.quick.brown.fox</div>
Run Code Online (Sandbox Code Playgroud)
它的作用是用DIV中的空格替换所有带有"标题"类的空格点,这对于这项工作来说真的很好.
但是我有很多DIV,它们具有相同的"标题"类,其中包含不同的字符串,我需要它们全部用空格替换点.但是这里出现的问题就是所有我得到的是所有这些DIV上的结果字符串"快速棕色狐狸",而所有结果字符串应该是不同的,因为所有源字符串都不同...
我怎么做才能在所有DIV中用"class"类和每个DIV中的所有不同字符串替换点?
谢谢
看看我的HTML代码(假设我以这种方式拥有100个链接):
< - 语言:lang-html - >
<ul>
<li><a href="/link.html">Link1</a></li>
<li><a href="/link.html">Link2</a></li>
<li><a href="/link.html">Link3</a></li>
<li><a href="/link.html">Link4</a></li>
<li><a href="/link.html">Link5</a></li>
<li><a href="/link.html">Link6</a></li>
<li><a href="/link.html">Link7</a></li>
<li><a href="/link.html">Link8</a></li>
<li><a href="/link.html">Link9</a></li>
<li><a href="/link.html">Link10</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
正如你所看到的那样<ul>,<li>里面有很多.
我想在页面上看起来像这样(5列):
Link1 Link3 Link5 Link7 Link9
Link2 Link4 Link6 Link8 Link10
Run Code Online (Sandbox Code Playgroud)
这个URL有类似的解释:http://csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/然而它导致链接的不同定位,而不是列出下来,它去了是的,所以链接最终看起来像这样:
Link1 Link2 Link3 Link4 Link5
Link6 Link7 Link8 Link9 Link10
Run Code Online (Sandbox Code Playgroud)
我没有在网站上使用任何JavaScript框架,所以我希望只使用CSS和一些独立于框架的JavaScript来完成.对此有何解决方案?