Удалить '|' символ с использованием jQuery

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

Почему это должно быть jQuery, когда вы можете просто использовать JavaScript?

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; 
    } 

} 

Answer 4

Риск ответа на вопрос, который вы не задали, может я предлагаю вам не делать этого. Если вы обнаружите, что выполняете регулярное выражение по вашему тексту, чтобы добиться косметических изменений, вы, вероятно, делаете слишком много работы для себя, и в итоге вы получите код, который трудно понять в следующем году (или на следующей неделе). Я бы предложил начать со списка и использовать 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 (или ванильный javascript).

Вот быстрая, простая скрипка: http://jsfiddle.net/markm/vbto9v5q/