visibile要素からURLを取得し、別の要素へのリンクを追加しますか？

Question

スライドショーを使用して画像からリンクを取得し、このリンクをタイトルと説明文に追加します。

このスライドショーの問題は、すべての画像をプリロードし、表示状態を非表示から表示に変更することです。

私は可視の画像からのみURLを取得したいと思います。

HTML：

<div id="rgslideshow-4574" class="rgslideshow"> 
<a href="fuer-patienten"> 
<a href="fuer-patienten/unser-team"> 
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 2 " alt="Dies ist eine Beschreibung zu Bild 2" src="uploads/tx_rgslideshow/test2.jpg" style="display: none; visibility: hidden; opacity: 0;"> 
</a> 
<a href="fuer-patienten/patienteninformationen"> 
<img class="rgssimg" width="715" height="361" border="0" title="Dies ist eine Beschreibung zu Bild 3 " alt="Dies ist eine Beschreibung zu Bild 3" src="uploads/tx_rgslideshow/test3.jpg" style="display: block; visibility: visible; opacity: 1;"> 
</a> 
</div> 

これは私がjQueryを使ってみましたものです：事前に

jQuery(document).ready(function($) { 

    var getUrlFromHREF = $('#rgslideshow-4574 a ').attr('href'); 

    alert(getUrlFromHREF); 

    $('.rgstitle, .rgsdescription').click(function(event) { 
     window.open(getUrlFromHREF, '_self'); 
     return false; 
    }); 
}); 

ありがとう！

Answer 1

（これは動作するはずです、画像を表示/非表示する

$('.rgstitle, .rgsdescription').click(function(event) { 
    window.open($('#rgslideshow-4574 a:visible').attr('href'), '_self'); 
    return false; 
}); 

EDITを不透明度を使用していない場合は、次のように、あなたがドキュメントを読み込むときには、リンクを定義するべきではありませんが、あなたはをクリックした場合にのみあなたは現在、可視画像のリンクに興味がある

Answer 2

ます。また.filter()メソッドを使用することができます。

var getUrlFromHREF = $('#rgslideshow-4574 a img').filter(':visible').parent().attr('href'); 

あなたが使用してパフォーマンスがわずかにブーストを取得しますこのメソッドはjQueryの上にありますcustom :visible selector

更新：あなたのHTMLが無効であることに気付きました。最初のアンカーは閉じられません。