0

私は本当に、私が入っていた小さな jQuery ボックスから抜け出そうとしています。特定のプロジェクトの時間を短縮するために、jQuery でいくつかの異なることを試しています。 1 つのアンカーから属性を取得し、その値を次の 3 つのアンカー タグに設定します。退屈なようですが、私は知っています...これが私がこれまでに試したことです。

$('#home-gallery li a').each(function(){
    var copiedTitle = $(this).first().attr('title');
        $('#home-gallery li a').each(function(){
            this.title = copiedTitle;
        });
});

そして、ここにHTMLがあります

    <li>
    <a href="images/tn/eowine/full.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine.jpg" alt="" /></a>
    <!-- more images -->
    <div style="display: none;">
      <a href="images/tn/eowine/first.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/first.jpg" alt="" /></a>
      <a href="images/tn/eowine/second.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/second.jpg" alt="" /></a>
      <a href="images/tn/eowine/third.jpg" data-fancybox-group="eowine" title="Eowine vs. Nosgule"><img src="images/tn/eowine/third.jpg" alt="" /></a>
    </div>
    </li>

どんな助けでも素晴らしいでしょう！

ありがとうございました！

私を助けてくれてありがとう、それは多くのことを意味します...私は間違いなくこの主題に関する私の知識を向上させました、そして私が最も感謝しているのはコミュニティからの助けです!

先に進んで、提示されたさまざまなトリックを試し、投稿されたすべての方法を調査して、知識をさらに把握します.

みんなありがとう！

4

3 に答える 3

0

あなたはおそらくこのようなものが欲しいでしょう：

var copiedTitle = $('#home-gallery li a:first').attr('title');

$('#home-gallery li a:not(:first)').each(function() {
    $(this).attr('title', copiedTitle);
});
于 2012-04-15T23:43:08.387 に答える
0

必要なのはそれぞれ1つだけです。

var copiedTitle = $('#home-gallery li').children('a').attr('title');
$('div a').each(function() {
    $(this).attr('title') = copiedTitle;
});

子は直接の子孫のみを選択します。最初のアンカーには元のタイトルがあり、後続のアンカーの兄弟ではないため、取得して保存する必要があるのはこのアンカーだけです。

于 2012-04-15T23:45:22.770 に答える
0

次のように実行できます。

$anchors = $('#home-gallery li a');
$anchors.slice(1, 4).attr('title', $anchors.first().attr('title'));

これは、一致したコレクション (すべてのアンカーを含む) の 2 番目から 4 番目の要素を選択し、それらのtitle属性をコレクションの最初の要素のタイトルと一致するように設定することです。

厳密な 2 番目、3 番目、4 番目の配置以外の基準がある場合は、同様の方法でそれらを表現することもできます。

実際に見てください。

于 2012-04-15T23:38:25.250 に答える