Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.01.2015, 13:55
Новичок на форуме
Отправить личное сообщение для webbaster Посмотреть профиль Найти все сообщения от webbaster
 
Регистрация: 08.12.2014
Сообщений: 9

Перемещение коллекции элементов
Всем привет.
Нужна помощь. Есть список
ul class=b
li Пункт1 /li
li Пункт2 /li
li Пункт3 /li
li Пункт4 /li
li Пункт5 /li
li Пункт6 /li
li Пункт7 /li
li Пункт8 /li
/ul
На выходе мне нужно получить такое
ul
li Пункт1 /li
li Пункт2 /li
li Пункт3 /li
/ul
ul
li Пункт4 /li
li Пункт5 /li
li Пункт6 /li
li Пункт7 /li
li Пункт8 /li
/ul

Задача вроде простая, но ...
var collection;
    var col;

    function go () {
        $('.b li').each(function (index, el) {
            if (index > 3) {
                collection =+ el;
            }
        return collection;
        });
    }
    col = go();
    alert(col);

В результате Undefined
Подскажите, что не так делаю?
Спасибо.

Последний раз редактировалось webbaster, 21.01.2015 в 13:57.
Ответить с цитированием
  #2 (permalink)  
Старый 21.01.2015, 14:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

webbaster,
странный collection, странный return
Ответить с цитированием
  #3 (permalink)  
Старый 21.01.2015, 14:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

webbaster,

<!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>
     $(function(){
       $("<ul/>", {"html": $(".b li:gt(2)")}).insertAfter(".b")
});
  </script>
</head>

<body>
<ul class="b">
    <li>пункт1</li>
    <li>пункт2</li>
    <li>пункт3</li>
    <li>пункт4</li>
    <li>пункт5</li>
    <li>пункт6</li>
    <li>пункт7</li>
    <li>пункт8</li>
</ul>
</body>

</html>
Ответить с цитированием
  #4 (permalink)  
Старый 21.01.2015, 14:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

webbaster,
<!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>
$(function() {
    var collection = [], ul = $(".b");
    function go() {
        $("li", ul).each(function(index, el) {
            if (index > 2) collection.push(el)
        });
        return collection
    }
    $("<ul/>", {
        "html": go()
    }).insertAfter(ul)
});  </script>
</head>

<body>
<ul class="b">
    <li>пункт1</li>
    <li>пункт2</li>
    <li>пункт3</li>
    <li>пункт4</li>
    <li>пункт5</li>
    <li>пункт6</li>
    <li>пункт7</li>
    <li>пункт8</li>
</ul>
</body>

</html>
Ответить с цитированием
  #5 (permalink)  
Старый 21.01.2015, 15:05
Аспирант
Посмотреть профиль Найти все сообщения от registrant
 
Регистрация: 15.01.2015
Сообщений: 39

<!DOCTYPE HTML>
<html>
<head>
</head>
 
<body>
<div>
<ul>
    <li>пункт1</li>
    <li>пункт2</li>
    <li>пункт3</li>
    <li>пункт4</li>
    <li>пункт5</li>
    <li>пункт6</li>
    <li>пункт7</li>
    <li>пункт8</li>
</ul>
</div>

<script>
d=document.querySelector("div")
d.innerHTML=d.innerHTML.replace(/(3<\/li>)/, "$1</ul><ul>")
</script>
</body>
 
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 21.01.2015, 15:19
Новичок на форуме
Отправить личное сообщение для webbaster Посмотреть профиль Найти все сообщения от webbaster
 
Регистрация: 08.12.2014
Сообщений: 9

Большое спасибо за помощь. Заработало. Понял ошибку - собирать ноды нужно в массив.
Но есть вопрос по коду. Не понятен этот кусок
$("<ul/>", {
"html": go()
})
Не могли бы объяснить, или ссылочку где почитать на эту тему можно?
Ответить с цитированием
  #7 (permalink)  
Старый 21.01.2015, 15:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

webbaster,
http://api.jquery.com/jQuery/#jQuery-html-attributes
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера и перемещение элементов Nupster Элементы интерфейса 2 12.08.2014 19:38
Выделение n элементов в коллекции Faab jQuery 2 21.11.2013 23:59
Перемещение элементов из div'a в div gJam Events/DOM/Window 2 13.11.2012 19:43
Перемещение элементов Johny Общие вопросы Javascript 6 29.03.2011 14:01
Запрет на перемещение элементов html Ilyan (X)HTML/CSS 2 26.03.2010 10:21