0
<aside class="widget">
<h6 class="widget-title">Play List</h6>

<div class="newsletter">
<div class="nwlwrap">

<article class="post-item">
    <div class="featured-image clearfix" > 
        <a href="http://vimeo.com/46163823" rel="prettyPhoto" class="link-thumbnails-video">    
        <img alt="" src="images/thumbs/video-1.jpg" class="thumbnails link-thumbnails-video">
        </a>

        <div class="image-caption">
            <span>Posted 2012/07/18&nbsp;</span>
        </div>
    </div>
    <div class="entry-content">
        <h3 class="entry-title"><a href="#">What is Kopatheme Layout Manager</a></h3>
        <p>Vivamus. Sagittis facilisis hymenaeos scelerisque ad scelerisque. Massa felis odio rhoncus ligula sollicitudin Magna. Laoreet. Vel tristique tellus nam quis curae</p>
    </div>
</article>


<div class="clear"></div>
<div class="kp-divider"></div>

</div>
</div>
</aside>

$(".widget").click(function(event){
         $(this).find('.featured-image clearfix img').attr('id');
         alert("hey");
    });

私はビデオのリストを持っています.ユーザーがビデオの1つをクリックしてから、クリックしたビデオがビデオプレーヤーで再生を開始したときに必要です. jqueryのクリック機能が機能していません。正しい方向に導いてください。

4

2 に答える 2

2
<div class="featured-image clearfix" >

これは 2 つのクラスを持つ 1 つの要素であり、次のようにターゲットに設定します。

$(".widget").click(function(event){
     $(this).find('.featured-image.clearfix img').attr('id');
     alert("hey");
});

クラス間にスペースを使用すると、次のようになります。

<div class="featured-image"><div class="clearfix"></div></div>

画像にIDしかない場合、それを取得できますか?

于 2013-03-22T20:33:29.977 に答える
0

@Desire JavaScript コードが script タグでラップされていません。あなたがそれをラップしていないという事実は、あなたのページに jQuery が含まれているのだろうか? また、@adeneo が指摘しているように、オブジェクトには ID がありません。

そのため、スクリプトを script タグでラップし、オブジェクトに ID があることを確認するか、それを識別する別の方法を見つけてください。また、次のように記述する必要はありません。

$(this).find('.featured-image.clearfix img').attr('id');

divと ID を指定すると、はるかに簡単になり、処理が大幅に高速化されます。

于 2013-03-24T13:53:08.183 に答える