使用Jquery点击项目属性

Getting clicked item attr using Jquery

本文关键字：项目 属性 Jquery 使用      更新时间：2023-09-26
<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");
    });

我有一个视频列表，我想当用户点击其中一个视频，然后点击视频，开始在视频播放器中播放。jquery点击功能不工作，请引导我在正确的方向。

<div class="featured-image clearfix" >

这是一个元素，有两个类，你可以像这样定位它:

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

类之间使用空格查找如下内容:

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

现在，如果图像只有一个ID，你会得到它吗?

@希望您的JavaScript代码没有包装在脚本标记中。您没有包装它，这让我怀疑您的页面中是否包含了jQuery ?而且，正如@adeneo指出的那样，您的对象没有任何ID。

所以用脚本标签包装你的脚本，并确保你的对象有一个ID或找到其他方式来识别它。同样，你也不需要写:

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

给出div和ID，这会更容易，并且会处理得更快。

相关文章：