28.09.2015, 08:47
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
Изменение определенного слова
Всем привет,пожалуйста помогите!
у меня есть див, в диве название товара , допустим EGS DSCAN 2 PLUS
нужно что бы слово EGS обертывалось дополнительно в див с классом, как это сделать, очень нужно.
До:
<div>EGS DSCAN 2 PLUS</div>
Вот,что в итоге должно получиться:
<div><div class="proizvoditel">EGS</div>DSCAN 2 PLUS</div>
Заранее спасибо за ответы)
|
|
28.09.2015, 09:04
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,209
|
|
Сообщение от Step48_rus
|
нужно что бы слово EGS обертывалось дополнительно в див с классом, как это сделать, очень нужно.
До:
<div>EGS DSCAN 2 PLUS</div>
Вот,что в итоге должно получиться:
<div><div class="proizvoditel">EGS</div>DSCAN 2 PLUS</div>
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.proizvoditel {
border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
$('#test').html($('#test').text().replace(/^([^\s]+)/,'<div class="proizvoditel">$1</div>'))
});
</script>
</head>
<body>
<div id='test'>EGS DSCAN 2 PLUS</div>
</body>
</html>
|
|
28.09.2015, 10:12
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
не совсем то, в <div class="proizvoditel"></div> может быть до 3 слов
|
|
28.09.2015, 10:20
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
$('.single-product .page-title').each(function(){
var stringAAA =$(this).text();
if (stringAAA == 'EGS'){$(this).html('<div>EGS</div>');}
});
нужно что то на подобии этого, но это не работает в таком виде
$('.single-product .page-title').each(function(){
var stringAAA =$(this).text();
if (stringAAA == 'EGS DSCAN 2 PLUS'){$(this).html('<div>EGS</div>');}
});
в таком работает, но выводит только <div>EGS</div>
|
|
28.09.2015, 10:37
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,209
|
|
Сообщение от Step48_rus
|
в <div class="proizvoditel"></div> может быть до 3 слов
|
Так ты с критериями определись.
Что именно тебе нужно совать в тот див?
|
|
28.09.2015, 11:18
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
смотри, наименование товара EGS DSCAN 2 PLUS нужно что бы производитель, в данном случае он EGS выводился в блоке,что бы ему стили дописать другие, все производители известны,вот и думаю,можно ли как то определенное слово/группу слов вывести в блок или нет,что то подобное было тут,но я не нашел.
|
|
28.09.2015, 11:28
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,209
|
|
Сообщение от Step48_rus
|
нужно что бы производитель
|
Как понять из абстрактной фразы, что некий набор первых слов есть производитель?
|
|
28.09.2015, 12:29
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
так вот я и говорю,что все производители известны, просто раньше видел такую штуку,скрипт проверяет есть ли дано слово в блоке, и потом заменяет его на другое слово. т.е .можно было бы и попробывать заменить не на слово,а на блок со словом
|
|
28.09.2015, 13:24
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,209
|
|
Сообщение от Step48_rus
|
видел такую штуку,скрипт проверяет есть ли дано слово в блоке, и потом заменяет его на другое слово
|
Дык!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.proizvoditel {
border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
var str='блок слов';
var re=new RegExp('('+str+')');
$('#test').html($('#test').text().replace(re,'<div class="proizvoditel">$1</div>'))
});
</script>
</head>
<body>
<div id='test'>блок слов DSCAN 2 PLUS</div>
</body>
</html>
|
|
28.09.2015, 13:38
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
чувак,ты крут,спасибо большое,все арбайтен)
|
|
|
|