0

私はjQueryの使用を始めたばかりで、質問があります。

ギャラリーを作成し、ハッシュタグユーザーを容易にするためにギャラリーリンクを追加しました。たとえば、お気に入りのリンクを追加した場合、ハッシュタグがリンクに存在するため、ページにアクセスすると適切な画像が表示されます。

ギャラリーはほぼ機能しています。実際には、選択した画像セットを作成するためのクラスを追加したかっただけです。

$gallery = window.location.hash;

//If have no hashtag, adds the class on the first image
if( $gallery == '')
    jQuery('.gallery-nav ul li').children('a').first().addClass('current');
else
{
    jQuery('.gallery-nav ul li').each(function($i){
        $link_hash = jQuery(this).find('a').attr('href');

        if( $link_hash == $gallery)
        {
            alert ( $link_hash );
        }
    });
}

最初の部分「ハッシュタグがない場合は、最初の画像にクラスを追加する」が正しく機能するまでは正しく機能しますが、その方法がわかりません。たとえば、リンクがhttp://example.net/gallery.php#3の場合、3番目のリンクにクラスを追加します。

上記の機能では、アラートが正しく表示されます。選択したリンクに到達すると、アラートが表示されます。しかし、リンクにクラスを追加する方法がわかりません。

誰か助けてもらえますか？ありがとう。

4

1 に答える 1

0

attribute-ends-with-selector（docs）を使用してその要素を直接選択hrefし、値が。で終わる要素を選択することができます$gallery。（10個未満だと思います。）

ご覧のとおり、$galleryはセレクター文字列に連結されています。

else {
    jQuery('.gallery-nav ul li a[href$=' + $gallery + ']').addClass('current');
}
于 2011-01-21T19:30:49.497 に答える