Форум

natureproj · #1 (**permalink**) 10.10.2013, 01:39

Доброго времени суток всем, кто читает эту тему. такая проблема возникла:
не могу изменить id у обзаца:

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

В скрипте такая конструкция:

$("div", $("#gruppa")).each(function() //перебираем все листики { if ($(this).zIndex()== max_z) { $(this).attr("id","listok1"); // у листика с максимальным индексом меняем id // вот тут я хочу поменять id у обзацев на w1 и t1 } });

Необходимо изменить id обзацев
<p id="w'" class = "word">Текст1</p>
<p id="t" class ="translate">Текст2</p>
на w1 и t1
Элементов много, нужно изменить только в конкретном.
Помогите пожалуйста с проблемой. Всем ответившим +

PS
Пробую так хотябы выбрать:

console.log ($(".listok1 p:eq(1)").text());
console.log ($(".listok1 w").text());

не получается.

рони · #2 (**permalink**) 10.10.2013, 02:29

natureproj,
id неуникально ?

natureproj · #3 (**permalink**) 10.10.2013, 02:43

нет же, видишь в примере. Только id listok1 уникально становится в этой строчке $(this).attr("id","listok1");
то есть такой блок получается в произвольном месте:
<div class="listok" id = "listok1">
<p id="w" class = "word">Текст1</p>
<p id="t" class ="translate">Текст2</p>
</div>

рони · #4 (**permalink**) 10.10.2013, 02:43

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>

рони · #5 (**permalink**) 10.10.2013, 02:49

natureproj,
все id должны быть уникальньны на странице

natureproj · #6 (**permalink**) 10.10.2013, 03:12

благодарю=) Помогло!

Блондинка · #7 (**permalink**) 11.03.2019, 22:02

Есть <div id="a1"><span id="b1">text one</span></div> как сделать чтобы при клике на див менялось на <div id="a1"><span id="b1">text two</span></div> а при повторном клике вернулось обратно? Одним словом словом чтобы при клике менялось туда-обратно.

рони · #8 (**permalink**) 11.03.2019, 22:09

Блондинка,
https://javascript.ru/forum/showthread.php?p=383893

Блондинка · #9 (**permalink**) 11.03.2019, 22:25

рони, при одном клике должно меняться ид и у дива и у спана, просто у элементов с ид х1 одни стили у элементов с ид х2 другие.

рони · #10 (**permalink**) 11.03.2019, 22:33

Блондинка,
не понимаю

Форум

Справочник

Discord чат

Курсы javascript