Форум

SKLNSK · #1 (**permalink**) 14.04.2015, 18:22

Допустим копирую div со всеми вложенными тегами.

$("#"+id_copy).clone().appendTo("#"+id_last);

Только при копировании выходит, что копия полностью идентичная. ID элементов такие же.

Каким образом эффективнее обойти и изменить все id элементов скопированного объекта (div с вложениями)?

SKLNSK · #2 (**permalink**) 14.04.2015, 18:30

Если делаю так, то только у верхнего уровня переименовывается id

$("#"+id_copy).clone().appendTo("#"+id_last).
							function()
							{
					$("#"+this.id).attr("id","id"+Math.floor((Math.random()*1000)));
							}

рони · #3 (**permalink**) 14.04.2015, 18:30

SKLNSK,
а нельзя не использовать id совсем -- а вычислять по классу и расположению?

рони · #4 (**permalink**) 14.04.2015, 18:44

SKLNSK,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $.fn.idPlus = function () {
       $('*',this).add(this).each(function (index, self) {
        self.id && (self.id += Math.floor((Math.random()*1000)))
    })
    return this
}

     $(function(){
      var id_copy = 'first', id_last = 'last';
      $("#"+id_copy).clone().idPlus().appendTo("#"+id_last);
     alert($("#"+id_last).html())
});


  </script>
</head>

<body>
<div id='first'>
<span id='info'>Информация</span>
<div id='main'>
<span id='show'>текст1<b>test</b></span>
</div>
</div>
<div id='last'>

</div>

SKLNSK · #5 (**permalink**) 14.04.2015, 18:55

Сообщение от рони

SKLNSK,
а нельзя не использовать id совсем -- а вычислять по классу и расположению?

я как понимаю без id не получится, если мне в будущем понадобится обращаться к данному объекту, например перемещать или менять цвет и текст

рони · #6 (**permalink**) 14.04.2015, 19:05

Сообщение от SKLNSK

например перемещать или менять цвет и текст

всё это можно сделать без id

SKLNSK · #7 (**permalink**) 14.04.2015, 19:12

Сообщение от рони

SKLNSK,
...............

</div>[/html]

Да то что надо, спасибо! Переименовывает (меняет id) даже вложенные элементы.

Не до конца пока разобрался как работает. Вроде как понимаю должна быть рекурсия, но в коде не вижу рекурсии.

SKLNSK · #8 (**permalink**) 14.04.2015, 19:14

Сообщение от рони

всё это можно сделать без id

А как если не секрет? я специально делаю id, чтобы менять свойства выделенного объекта.

рони · #9 (**permalink**) 14.04.2015, 19:28

Сообщение от SKLNSK

например перемещать или менять цвет и текст

сохраните ссылку на обьект и даже класс не понадобится в дальнейшем

var divclone = $("#"+id_copy).clone().idPlus().appendTo("#"+id_last);
divclone.height(45)

Форум

Справочник

Discord чат

Курсы javascript