Показать сообщение отдельно
  #4 (permalink)  
Старый 10.10.2013, 01:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,865

natureproj,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
#w1, #t1 {
  background: #FF0000;
}
#listok1{
  border: 1px #00FF00 solid;
}

</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
  <title></title>
</head>
<body>
<div id="gruppa">

	<div class="listok" id = "listok">

	   <p id="w" class = "word">Текст1</p>
	   <p id="t" class ="translate">Текст2</p>
	</div>
       <div class="listok" id = "listok">

	   <p id="w" class = "word">Текст1</p>
	   <p id="t" class ="translate">Текст2</p>
	</div>
    <div class="listok" id = "listok">

	   <p id="w" class = "word">Текст1</p>
	   <p id="t" class ="translate">Текст2</p>
	</div>
</div>
<script>
 var max_z = 2;
     $("div", "#gruppa")
         .each(function (i, el) //перебираем все листики
             {
                 if (i == max_z) {
                     el.id = "listok1";
                     $('#w', el)
                         .attr("id", "w1");
                     $('#t', el)
                         .attr("id", "t1");
                     // у листика с максимальным индексом меняем id
                     // вот тут я хочу поменять id у обзацев на w1 и t1
                 }
             });

</script>
</body>
</html>

Последний раз редактировалось рони, 11.03.2019 в 21:05.
Ответить с цитированием