jQuery克隆|

Question

我对一小部分jQuery有一些逻辑问题。

我很确定我需要一个循环设置，但是我很难将它们拼凑在一起。 我已经引用了tuts，视频，工作示例，幻灯片，甚至是原始的javascript，但我仍然难以将逻辑结束在一起。

提供了小提琴链接，下面是一些简短的说明......

问题：

• 我理想地喜欢我已经完成的锚点复制，但是 在页面上有倍数，它复制所有这些并插入 之后，所有这些。我只需要包含在H5中的链接即可 复制一次，它们必须是唯一的。

目标：

• 使用WYSIWYG中的现有标记创建一个块样式按钮。
• 平台（如果有用）：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/

欢迎来到Stackoverflow！ ;）