jQuery - 特定の子供以外のクラスを選択

Question

ここからフォトスライダーコードを使用しています：http://tympanus.net/codrops/2010/10/07/slider-gallery/画像の下のリンクが新しいウィンドウに読み込まれるように修正しようとしています。私は現在、読み込みのJavaScriptファイルと異なるものの多様性を試してみた

<div class="content"> 
<div><a href="#"><img src="http://imageurl" alt="largeimageurl" /></a></div> 
<div class="caption"><a target="_blank" href="image.php?id=someid&svc=somesvc" rel="nofollow">More Info</a></div> 
</div> 

：たとえば

は

私がする必要がどのような

$fp_content_wrapper.find('.content').bind('click',function(e){ 
    var $current = $(this); 
    //track the current one 
    current = $current.index(); 
    //center and show this image 
    //the second parameter set to true means we want to 
    //display the picture after the image is centered on the screen 
    centerImage($current,true,600); 
    e.preventDefault(); 
    }); 

あるので、最初の行を変更しますこれは通常どおりに選択されますが、リンクがあるキャプションdivには何も適用されないため、通常と同じように動作します。

私はSOに類似の質問があることを知っていますが、私は提案されたもののほとんどを試しました。私はJSをあまり経験していないので、間違ってやってしまうことがあります。

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

Answer 1

このお試しください：何が​​起こっているか

$fp_content_wrapper.find('.content>*:not(.caption)').bind('click',function(e) ..... 

はあなたが.csptionクラスを使って何を除き、その中にあったものを選択したかった代わりに、コンテンツのタグを選択したということです。 '>'はすぐ下の要素を意味し、 '*'はすべてを選択することを意味します。つまり、「.captionのクラスではないコンテンツを直接選択してください」ということになります。

jqueryを引き続き使用する場合は、セレクタを調べてみる価値があります。

幸運

Answer 2

試してみてください。

$fp_content_wrapper.find('.content:not(.caption)').bind("click", ... 

Answer 3

があり、これを行うために滑らかな印象の方法があるが、これが何をすべきこのジェームズ

$fp_content_wrapper.find('.content').bind('click',function(e){  
    if(!$(this).attr('class')) 
    { 
    var $current = $(this);  
    //track the current one  
    current = $current.index();  
    //center and show this image  
    //the second parameter set to true means we want to  
    //display the picture after the image is centered on the screen  
    centerImage($current,true,600);  
    e.preventDefault(); 
    } 
}); 

を試してみてください。これにより、クラスを持たないdivだけが関数を実行するようにする必要があります。他のdivのクラスを使用する場合は、注意してください。

乾杯

EDIT：

再びあなたにもそれがalt属性または何alt属性があるがあるかどうかをチェックするためのdivの中のハイパーリンクをテストすることができ、あなたのコードを見ているの後。これはより具体的なテストになります。