2013-08-16 23 views
0

HTML代碼jQuery的 - 我如何使用每個appendTo或prependTo(關閉)

<div class="ar"> 
    <div class="IntroText"> 
     xxxxxxxxxxx 
     <span class="youtube"> 
     <object =xxxxxxxxxxxxxxxxxxxxxxxx> 
     </object> 
     </span> 
     xxxxxxxxxxx 
     xxxxx 
    </div> 
</div> 
<div class="ar"> 
    <div class="IntroText"> 
     xxxxxxxxxxx 
     xxxxxxxxxxx 
     xxxxx 
     </div> 
</div> 
<div class="ar"> 
    <div class="IntroText"> 
     xxxxxxxxxxx 
     <span class="youtube"> 
     <object =xxxxxxxxxxxxxxxxxxxxxxxx> 
     </object> 
     </span> 
     <span class="youtube"> 
     <object =xxxxxxxxxxxxxxxxxxxxxxxx> 
     </object> 
     </span> 
     xxxxxxxxxxx 
     xxxxx 
     </div> 
</div> 

如何使用jQuery每個功能 前面加上第一span.youtube元素類AR?或appendTo? 我嘗試每使用jQuery但所有span.youtube元素將走同樣的

$(.IntroText).find(span.youtube).each(function(){$(this).appendTo('.IntroText')} 
+0

是的,我,但仍忘記了如何使用每個functon – MotoTony

回答

1

如果你想先移動span.youtube元素,那麼你必須通過.IntroText元素進行迭代並找到類似這樣的第一個span.youtube;

$('.IntroText').each(function (i) { 
    var $this = $(this); 
    $this.before($this.find('span.youtube:first')); 
}); 

這使第一span.youtube元件每個.IntroText元素之前。如果您需要,也可以使用.after()

Here是一個jsFiddle的例子,你可以看到修改後的標記。

+0

thnaks,Emre但我有新問題,我的YouTube的元素無法看到可能jQuery的長度問題? – MotoTony

+0

我的錯,我忘了更改元素類的名稱,再次感謝,祝你有個美好的一天 – MotoTony

0
$(function(){ 
$('.IntroText').find('span.youtube').each(function(){$('<p>prepend sometext</p>').prependTo(this)}); 
$('.IntroText').find('span.youtube').each(function(){$('<p>append sometext</p>').appendTo(this)});  
}); 

http://jsfiddle.net/SXBwh/1/

0

這是很笨重,但它看起來像它的工作:

http://jsfiddle.net/lharby/ZSdXS/

$('.IntroText span.youtube').each(function(){ 
    $('.IntroText').append(this); 
}); 

這是你在找什麼?

您需要在函數內部使用單引號或雙引號來包裝html元素,id和類。

相關問題