Обертывание элемент jquery?

Привет всем!
Надо обернуть вот эти цифры в тег span.
Как мне это сделать через jquery? Верстка вот такая,
<ul id="catalog">
		<li>
			<a href="http://mashinkinn.loc/index.php?route=product/category&amp;path=20_26">PC (0)</a>
		</li>
		<li>
			<a href="http://mashinkinn.loc/index.php?route=product/category&amp;path=20_27">Mac (1)</a>
		</li>
	</ul>


то есть там где написано (0) (1) эти цифры надо обернуть в тег span вместе с скобками.
Спасибо
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Через jQuery.each() обойти каждую ссылку внутри <li> внутри <ul> (по id).

Регулярное выражение \(\d+\) совпадает с открывающейся скобкой, одной или несколькими цифрами и закрывающейся скобкой. Эту регулярку заменять на совпавший фрагмент в теге <span>:

$('#catalog>li>a').each(function(){
  $(this).html( function(i,t){
    return t.replace(/(\(\d+\))/, '<span>$1</span>')
  });
});
Fiddle
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы