4

我有一些关于 jQuery 的逻辑问题。

我很确定我需要一个循环设置,但是很难将它组合在一起。我参考了 tuts、视频、工作示例、幻灯片,甚至是原始 javascript,但仍然难以将逻辑端对齐。

提供了小提琴链接,下面是一些简短的注释……</p>

问题:

  • 理想情况下,我希望复制我所做的锚点,但是在页面上有多个锚点时,它会复制所有锚点并在所有这些锚点之后插入。我只需要复制一次包含在 H5 中的链接,并且它们必须是唯一的。

目标:

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

必需的:

  • 使用 CSS 类 (makeBigButton) 来触发此行为。
  • 最终用户可以在 WYSIWYG 中添加自定义类,以便他们可以在需要时通过添加此类来“切换”。

限制:

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

原始示例包括……</p>

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');

半功能包括……</p>

谢谢大家。

4

1 回答 1

3

你去:

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

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

欢迎来到 Stackoverflow!;)

于 2013-03-21T19:54:12.560 回答