Slyweb
На разработку сайта! Скидки 50%!

Как обернуть в span первое слово

Вы можете задавать любые вопросы по jQuery.

Как обернуть в span первое слово

Сообщение glazkoff » 30 июл 2010, 04:25

Помогите полному юзеру в безнадежном для меня деле(((
Нужно обернуть в span первое слово, либо первые два символа в li-шке
Код: Выделить всё
<ul>
<li class="cat_level_1">
<a href="#">01 Первая категория</a></li>
<li class="cat_level_1">
<a href="#">02 Первая категория 2</a></li>
<li class="cat_level_1">
<a href="#">03 Первая категория 3</a></li>
</ul>

Чтобы получилось так:
Код: Выделить всё
<ul>
<li class="cat_level_1">
<a href="#"><span>01</span> Первая категория</a></li>
<li class="cat_level_1">
<a href="#"><span>02</span> Первая категория 2</a></li>
<li class="cat_level_1">
<a href="#"><span>03</span> Первая категория 3</a></li>
</ul>

Заранее спасибо
glazkoff
 
Сообщения: 1
Зарегистрирован: 30 июл 2010, 04:22

Re: Как обернуть в span первое слово

Сообщение admin » 01 авг 2010, 01:58

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<body>
<script type="text/javascript">

$(document).ready(function(){

$('li').each(function(){

var first = $(this).find('a').text().slice(0,3);
var last = $(this).find('a').text().slice(3,$(this).text().length);

$(this).find('a').html('<span style="color:red;">'+first+'</span>' + last);
});

});

</script>
<ul>
<li class="cat_level_1">
<a href="#">01 Первая категория</a></li>
<li class="cat_level_1">
<a href="#">02 Первая категория 2</a></li>
<li class="cat_level_1">
<a href="#">03 Первая категория 3</a></li>
</ul>
</body>
</html>



admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Как обернуть в span первое слово

Сообщение admin » 01 авг 2010, 02:19

Лучше этот использовать

Код: Выделить всё
<script type="text/javascript">
$(document).ready(function(){
$('li').each(function(){

var first = $(this).find('a').text().match(/^(\S+)/ig);
var last = $(this).find('a').text().slice(3,$(this).text().length);
$(this).find('a').html('<span style="color:red;">'+first+' </span>' + last);

});
});
</script>
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron