小编Cam*_*Spy的帖子

Jquery用一个类替换所有DIV内部空格的点

我正在使用最新的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 javascript jquery replace

2
推荐指数
1
解决办法
4528
查看次数

来自一个<ul>,CSS和一些JS的多列列表

看看我的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来完成.对此有何解决方案?

javascript css css3 multiple-columns html-lists

1
推荐指数
1
解决办法
1289
查看次数

标签 统计

javascript ×2

css ×1

css3 ×1

html ×1

html-lists ×1

jquery ×1

multiple-columns ×1

replace ×1