Как переместить элемент из одного места в другое?Влияет ли jQuery на структуру страницы HTML - PullRequest
1 голос
/ 28 февраля 2012

Если у меня есть такой список

<body>

    <div id="carousel_container">

            <ul id="carousel_ul" style="left: -130px;" >

                <li><a href="#">Test 1</a></li>
                <li>
                    <a href="#">Test 2</a>
                    <div class="subnav">
                       ...
                    </div>

                </li>
                <li><a href="#">Test 3</a></li>
                ..
                <li><a href="#">Test 3</a></li>

            </ul>

    </div> <!--end of div id="carousel_container"  -->

    <ul class="subnav">
        <li>..</li>
        ...

    </ul>

</body>

и в моем скрипте jQuery я использую такой скрипт

$(document).ready(function(){

    var ul = $("#carousel_ul");

    ul.find("a").each(function(){

        var text = $(this).text();
        var check = $(this).closest(".subnav");
        var check1 = $(this).closest("li").children(".subnav");
        var length = check1.length;

        if (!length) {

            var a = $(this);

            a.append("<span>" + a.text() + "</span>");

        } else {  //end of if()

            var $li = $(this).parent();

            var $a  = $(this).closest("a").text();

            $li.addClass("subMenu");

            check.appendTo($("#carousel_container"));

        }

    });

}); //end of $(document).ready(fn)

Когда текст Test2.Тогда дело доходит до проверки.В остальном я использую check.appendTo($("#carousel_container"));.После этой строки структура страницы должна выглядеть следующим образом:

<div id="carousel_container">

            <ul id="carousel_ul" style="left: -130px;" >

                <li><a href="#">Test 1</a></li>
                <li><a href="#">Test 2</a></li>
                <li><a href="#">Test 3</a></li>
                ...
               <li><a href="#">Test 12</a></li>

            </ul>

</div> <!--end of div id="carousel_container"  -->

<div class="subnav">

</div>

<ul class="subnav">
        <li class="first"><a href="#" title="The first demo">The first demo</a></li>
        <li><a href="#" title="Another demo">Another demo</a></li>
        <li class="last"><a href="#" title="The third demo">The third demo</a></li>
</ul>

, и на этот раз она должна получить текст Test3.Но вместо того, чтобы показывать Test3, он показывает JS Article 1 .Зачем?Я делаю что-то неправильно.Я хочу, чтобы, если дело дошло до проверки, то div.subnav удаляют из текущего li и помещают после div id = "carousel_container" .Я хочу спросить, если это произойдет, то это будет отражено в исходном документе, я имею в виду, если я видел HTML-код страницы, то он покажет мне измененную HTML-страницу или мы все делаем прагматично.Изменения не будут отражены на странице HTML.Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...