2013-03-15 69 views
-1

我有非常低的jQuery知識,因此多數民衆贊成Ÿ我有一個問題..我怎麼能拉昇DOM使用jQuery

我不知道你是否能使用jQuery的幫助下還可以將一些選擇div

以下是我當前的DOM

<div class="header"> 
    <div class="logo"> 
     ... 
    </div> <!-- end .logo --> 

    <div class="menu"> 
     ... 
    </div> <!-- end .menu --> 
</div> 

,但我想.menu DIV容器移動到上面比.logo的div容器一樣,

<div class="header"> 
    <div class="menu"> 
     ... 
    </div> <!-- end .menu --> 

    <div class="logo"> 
     ... 
    </div> <!-- end .logo --> 
</div> 

是有可能的方式與幫助做到這一點的jQuery。

+0

你看過DOM操作的jQuery文檔嗎? – 2013-03-15 21:42:43

+0

如果你先試試,這是完全可能的! – SRy 2013-03-15 21:43:39

+0

'$('。logo')。before('。menu')' – adeneo 2013-03-15 21:50:01

回答

3

有一百種方法可以做到這一點。這裏是一個我剛剛最具可讀性:

$('.menu').insertBefore('.logo'); 

Fiddle

另外,如果.menu應該始終是.header.logo獨立的第一個孩子,你可以使用:

$('.menu').prependTo('.header'); 

Fiddle

+0

謝謝你隊友..我真的很感激。可以幫助我一點,請告訴我還有哪些jQuery功能可以用於此類任務。 – 2013-03-15 21:49:42

+0

[操作方法](http://api.jquery.com/category/manipulation/)API頁面具有許多用於實現類似DOM操作的記錄方法。 '=]' – 2013-03-15 21:54:48