Тема: appendTo в JQuery
Показать сообщение отдельно
  #5 (permalink)  
Старый 23.08.2012, 08:01
wUI wUI вне форума
Аспирант
Отправить личное сообщение для wUI Посмотреть профиль Найти все сообщения от wUI
 
Регистрация: 19.04.2012
Сообщений: 78

Вот пример кода, чтобы понятней было, который можно запустить у себя:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег UL</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  <style type="text/css">
  ul {
    list-style-type: none;
    margin-left: 10px;
    }
  li {
    list-style-type: none;
    margin-left: 10px;
    }
  img {
    cursor: pointer;
    }
  </style>
  <script type="text/javascript">
    function getTreeMain(w) {
        for (i = 0; i < w; i++) {
            $("#main").append("<ul><img id= \"oid_"+i+"\" onclick = \"getTreeObj("+i+");\" src=\"http://best-iconki.ru/downloads/PNG/32/forsite-0003-5.png\" />daughter_0_"+i+"</ul>");
        }
    }
    function getTreeObj(w) {
        for (i = 0; i < w; i++) {
            $("#oid_"+i).append("<ul><img id= \"oid2_"+i+"\" src=\"http://best-iconki.ru/downloads/PNG/32/forsite-0003-5.png\" />daughter_1_"+i+"</ul>");
        }
    }
  </script> 
 </head>
 <body>
  <ul id="main"><img onclick="getTreeMain(5);" src="http://best-iconki.ru/downloads/PNG/32/programms-0002-1.png"></br>
  </ul>

 </body>
</html>
Ответить с цитированием