4

少しのjQueryで論理的な問題が発生しています。

ループのセットアップが必要なのは確かですが、これを一緒にスナップするのは困難です。私はtuts、ビデオ、実用的な例、スライドショー、さらには生のjavascriptを参照しましたが、ロジックエンドをまとめるのにまだ苦労しています.

いくつかの簡単なメモの下に、フィドル リンクが提供されています…</p>

問題：

  • 理想的には、私が行ったアンカーを複製したいと思いますが、ページに複数のアンカーがある場合、それらすべてをコピーしてから挿入します。H5 でラップされたリンクを 1 回だけコピーする必要があり、それらは一意である必要があります。

ゴール：

  • WYSIWYG から既存のマークアップを利用してブロック スタイルのボタンを作成します。
  • プラットフォーム (役立つ場合): Drupal 6 CMS、jQuery 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 に答える