Форум

Кирюха =) · #1 (**permalink**) 05.09.2012, 12:41

Всем привет!!!

<div class="obsh_div">
    <div class="prew">
    </div>
    <div class="obsh_cont">
    какой то текст))))))
    </div>
</div>

<div class="obsh_div">
    <div class="prew">
    </div>
    <div class="obsh_cont">
     еще какой то текст))))))
    </div>
</div>

<div class="obsh_div">
    <div class="prew">
    </div>
    <div class="obsh_cont">
     и еще какой то текст))))))
    </div>
</div>

alert($('.obsh_cont').text())

			var ddd = $('.obsh_cont').text();
			var max=10;
var val=ddd.substring(0,max)+'...';
$('.preww').text(ddd);

Нужно перенести текст из div.obsh_cont в div.prew/ Но даже при выводе через alert все тексты смешиваются. Я определенно что то делаю не правильно и что то мне подсказывает тут надо колдовать с This или function(e)......

Positive_fun · #2 (**permalink**) 05.09.2012, 13:09

ты выводишь текст всех 3 дивов, обращайся к каждому по отдельности
с помощью цикла или в ручную
//$('.obsh_cont'); //массив из 3 элементов
alert($('.obsh_cont').eq(0).text()); //JQuery
эквивалентно на javascript
var obsh = document.getElementsByClassName('obsh_cont'); //массив из 3 элементов
alert(obsh[0].firstChild.nodeValue);// текст 1 див

Кирюха =) · #3 (**permalink**) 05.09.2012, 13:53

Сейчас порпобую с помощью цикла)

ksa · #4 (**permalink**) 05.09.2012, 14:08

Сообщение от Кирюха =)

Нужно перенести текст из div.obsh_cont в div.prew

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	var max=10;
	$('.obsh_cont').each(function (){
		var txt=$(this).text();
		txt=txt.substring(0,max)+'...';
		$(this).prev().text(txt);
	});
});
</script>
</head>
<body>
<div class="obsh_div">
	<div class="prew"></div>
	<div class="obsh_cont">
		какой то текст))))))
	</div>
</div>
<div class="obsh_div">
	<div class="prew"></div>
	<div class="obsh_cont">
		еще какой то текст))))))
	</div>
</div>
<div class="obsh_div">
	<div class="prew"></div>
	<div class="obsh_cont">
		и еще какой то текст))))))
	</div>
</div>
</body>
</html>

Кирюха =) · #5 (**permalink**) 05.09.2012, 20:29

Вы ловкр это сделали =)

Форум

Справочник

Discord чат

Курсы javascript