jQuery克隆|

Question

我有一些jQuery的一些邏輯問題。

我非常確定我需要一個循環設置，但是難以將它們合併在一起。 我引用了tuts，視頻，工作示例，幻燈片，甚至是原始JavaScript，但我仍然難以將邏輯結束。提供了以下一些簡單說明

小提琴鏈接...

問題：

• 我會非常喜歡複製的錨，我都做了，但 一個頁面上數倍它複製所有這些，之後插入 ，全部。我只需要將包裝在H5中的鏈接複製一次，即 ，並且它們需要是唯一的。

目標：

• 使利用從一個所見即所得的現有標記塊樣式的按鈕。
• 平臺（如果有幫助）：Drupal 6 CMS，帶有jQuery 1.2.6。
• 注意：我可以鏈接到外部託管，但是當我這樣做時，Drupal有時會生氣。

要求：

• 要使用一個CSS類（makeBigButton）來觸發此行爲。
• 最終用戶可以在WYSIWYG中添加一個自定義類，以便在需要時通過添加此類來「翻轉開關」。

限制：

• 我們不是HTML5這樣包裝的內容與錨出來。
• 字體樣式因內容而異，所以我儘量避免使用自定義樣式。

原始實例包括...

• 標記
• 造型
• 評論而是半功能行爲
• http://jsfiddle.net/n5FRB/1/

HTML

 <div id="right"> 
<div class="module conference program makeBigButton"> 
    <p> 
     <img src="#" alt="Placeholder"/> 
    </p> 
    <h5> 
     <a title="Yahoo" target="_blank" href="http://www.yahoo.com">Yahoo</a> 
    </h5> 
</div> 

<div class="module conference program makeBigButton"> 
    <p> 
     <img src="#" alt="Placeholder"/> 
    </p> 
    <h5> 
     <a title="Google" target="_blank" href="http://www.google.com">Google</a> 
    </h5> 

</div>  

半功能的jQuery剪斷

$('.makeBigButton h5 a').clone().addClass('bigButton').insertAfter('.makeBigButton h5'); 

半功能包括...

• 代碼剪斷
• 有點期望的行爲
• http://jsfiddle.net/n5FRB/2/

謝謝大家。

Answer 1

你去那裏：

$('.makeBigButton h5').each(function(){ 
    $(this).find('a').clone().addClass('bigButton').insertAfter(this); 
}); 

http://jsfiddle.net/n5FRB/4/

，歡迎計算器！ ;）