Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перебор элементов (или я не знаю как назвать) (https://javascript.ru/forum/jquery/31372-perebor-ehlementov-ili-ya-ne-znayu-kak-nazvat.html)

Кирюха =) 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 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 див

Кирюха =) 05.09.2012 13:53

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

ksa 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>

Кирюха =) 05.09.2012 20:29

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


Часовой пояс GMT +3, время: 16:05.