Присваивание стиля по содержимому
Здравствуйте. Помогите пожалуйста решить проблему. есть код
<div class="second_team">Test4</div>нужно сделать так чтобы в зависимости от содержимого добавлялось значения id к div блоку. Содержание дива будет меняться и для разного содержимого необходим свой айдишник.Заранее спасибо |
$('.second_team').each(function(){
switch (this.innerHTML) {
case 'text 1':
this.id='primer';
break;
case 'text 2':
this.id='primer 6';
break;
case 'text 5':
this.id='primer 14';
break;
}
});
|
:contains()
Либо вручную — при помощи регулярных выражений. Сомневаюсь, что реальное содержимое будет удобно проверять при помощи конструкции switch |
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#bakili {font-size:36px;}
</style>
<script type="text/javascript">
$('.second_team').each(function(){
switch (this.innerHTML) {
case 'Text4':
this.id='bakili';
break;
}
});
</script>
</head>
<body>
<div class="second_team">Test4</div>
</body>
</html>
Вроде сделал как вы сказали но почему-то не работает? |
В ручную не получиться.Это Джумла.Значение дива меняется в зависимости от поля которое заполняется в материале.
|
ilikali, jQuery не подключил.:D
|
Цитата:
|
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
#bakili {font-size:36px;}
</style>
<script>
$('.second_team').each(function(){
switch (this.innerHTML) {
case 'Text4':
this.id='bakili';
break;
}
});
</script>
</head>
<body>
<div class="second_team">Test4</div>
</body>
</html>
Второй раз чтото пытаюсь написать. Вот вроде подключил.Все равно не пашет? Было бы хорошо знать что такое "Javascript+регулярками". |
ilikali
скрипт в конец body ставте |
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.newclass { color:red; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".second_team:contains(dolor)").addClass("newclass");
});
</script>
</head>
<body>
<div class="second_team">Lorem ipsum</div>
<div class="second_team">Lorem ipsum dolor sit amet</div>
<div class="second_team">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 15:38. |