从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;
});

编辑：您不应该在加载文档时定义链接，而只能在单击时定义链接，因为您对当前可见图像的链接感兴趣。

Answer 2

您还可以使用 .filter() 方法：

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

使用此方法您将获得轻微的性能提升jQuery 的 自定义 :visible 选择器 的方法

更新：刚刚注意到您的 HTML 无效。第一个锚点未关闭。