|
Как изменить ID у элемента?
Доброго времени суток всем, кто читает эту тему. такая проблема возникла:
не могу изменить 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());
не получается. |
natureproj,
id неуникально ? |
нет же, видишь в примере. Только 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> |
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>
|
natureproj,
все id должны быть уникальньны на странице |
благодарю=) Помогло!
|
Есть <div id="a1"><span id="b1">text one</span></div> как сделать чтобы при клике на див менялось на <div id="a1"><span id="b1">text two</span></div> а при повторном клике вернулось обратно? Одним словом словом чтобы при клике менялось туда-обратно.
|
|
рони, при одном клике должно меняться ид и у дива и у спана, просто у элементов с ид х1 одни стили у элементов с ид х2 другие.
|
Блондинка,
не понимаю |
| Часовой пояс GMT +3, время: 19:02. |
|