Question

了解更多：二十一点|胡扯|基诺|轮盘赌|槽

想拥有'|'使用jQuery删除了字符。原因是我想把它变成一个列表。

下面的HTML：

<div class='category-static-links'>
<a href='#'>Blackjack</a> | 
<a href='#'>Craps</a> |  
<a href='#'>Poker</a> | 
<a href='#'>Roulette</a> | 
<a href='#'>Slots</a>
</div>

干杯！

Answer 1

既然你是新人，我会给你一些懈怠。请下次再努力。

$('.category-static-links').contents().filter(function () {
     return this.nodeType === 3; 
}).remove();

Demo

请注意，由于此方法会删除不在子元素中的所有文本内容，因此您可能需要添加一些边距或填充以分隔链接：

.category-static-links a {margin-right: 8px;}

Answer 2

只需

$links = $('.category-static-links');
$links.html($links.find('a'));

Answer 3

冒着回答你没有问过的问题的风险，我建议你不要这样做。如果您发现自己正在对文本执行正则表达式匹配以实现外观修改，那么您可能会为自己做太多工作，最终会得到明年（或下周）难以理解的代码。我建议从列表开始并使用css在需要时创建一行。

<ul id="Thelist" class='category-static-links'>
    <li><a href='#'>Blackjack</a> </li>
    <li><a href='#'>Craps</a> </li>
    <li><a href='#'>Poker</a></li>
    <li><a href='#'>Roulette</a> </li>
    <li><a href='#'>Slots</a></li>
</ul>

然后你可以简单地用jQuery（或vanilla javascript）交换该类。

这是一个快速，简单的小提琴： http://jsfiddle.net/markm/vbto9v5q/

Answer 4

为什么只能使用JavaScript才能成为jQuery？

var os=document.getElementsByTagName('div');
var links=[];

for (var i=0;i<os.length;i++){
    var o=os[i];
    if (o.className=='category-static-links') {
        var as=o.getElementsByTagName('a');
        for (var j=0;j<as.length;j++) links.push(as[j].innerHTML);
        break;
    }

}

删除'|'使用jQuery的字符

4 个答案: