jQuery 克隆 |

Question

我在使用少量 jQuery 时遇到了一些逻辑问题。

我很确定我需要一个循环设置，但我很难将其组合在一起。我引用了 tuts、视频、工作示例、幻灯片，甚至是原始 javascript，但仍然难以将逻辑端拼凑在一起。

提供了 Fiddle 链接，下面是一些简短的注释......

问题:

• 理想情况下，我希望复制我已经完成的 anchor ，但是在页面上有多个时，它会复制所有这些并插入之后，所有这些。我只需要包含在 H5 中的链接复制一次，并且它们需要是唯一的。

目标:

• 利用所见即所得的现有标记制作 block 样式按钮。
• 平台(如果有帮助):Drupal 6 CMS，带有 jQ​​uery 1.2.6。
• 注意:我可以链接到外部托管，但 Drupal 有时会在我这样做时生气。

必需:

• 使用 CSS 类 (makeBigButton) 触发此行为。
• 最终用户可以在 WYSIWYG 中添加自定义类，这样他们就可以在需要时通过添加此类来“拨动开关”。

限制:

• 我们不在 HTML5 上，所以用 anchor 包裹内容已经过时了。
• 字体样式因内容而异，因此我尽量避免自定义样式。

原始示例包括...

• 标记
• 造型
• 评论但半功能行为
• 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! ;)