似乎无法获取元素 ID

Question

我有一个图像列表，我确实需要在我的 JS 中获取每个图像的 ID，但我不知道该怎么做。我试过这个方法，但它返回的是空字符串而不是 ID。我尝试从 DOM 元素 http://galleria.aino.se/docs/1.2/references/dom/ 中获取它，例如 $(".galleria-thumbnails img").click(function(){alert((this).id)});，但这种方法不起作用，警报根本没有出现。我也在这里http://galleria.aino.se/docs/1.2/api/methods/ 做了一些研究并得到了这个代码，但这显示了空字符串的警报。

    $("#gallery").galleria({
        });
    myGalleria = Galleria.get(0);

    myGalleria.$('thumbnails').click(function(){
        alert((this).id);
    });

画廊 div

    <div id="gallery">
        <img id="someid" src="http://photoapproaches.files.wordpress.com/2010/03/helen-model-2272.jpg" />
        <img id="otherid" src="http://leandrovieira.com/projects/jquery/lightbox/photos/image1.jpg" />
    </div>

控制台没有错误，控制台中没有显示任何内容。此外，这个标记工作正常，画廊插件自己制作 DOM 元素，这对这种情况非常令人沮丧。 DOM结构可以看这里，但我也会在这里链接http://galleria.aino.se/docs/1.2/references/dom/

<div class="galleria-container">
    <div class="galleria-stage">
        <div class="galleria-images">
            <div class="galleria-image">
                <img>
            </div>
            <div class="galleria-image">
                <img>
            </div>
        </div>
        <div class="galleria-loader"></div>
        <div class="galleria-counter">
            <span class="current"></span>
            <span class="total"></span>
        </div>
        <div class="galleria-image-nav">
            <div class="galleria-image-right-nav"></div>
            <div class="galleria-image-left-nav"></div>
        </div>
    </div>
    <div class="galleria-thumbnails-container [ carousel ]">
        <div class="galleria-thumb-nav-left [ disabled ]"></div>
        <div class="galleria-thumbnails-list">
            <div class="galleria-thumbnails">
                <div class="galleria-image">
                    <img>
                </div>
                [...]
            </div>
        </div>
        <div class="galleria-thumb-nav-right [ disabled ]"></div>
    </div>
    <div class="galleria-info">
        <div class="galleria-info-text">
            <div class="galleria-info-title"></div>
            <div class="galleria-info-description"></div>
            <div class="galleria-info-author"></div>
        </div>
    </div>
    <div class="galleria-tooltip"></div>
</div>

Answer 1

这是访问元素 id 的一种方法：

 var currentId = $(this).attr('id');

对于你的情况，你可以试试这个：

myGalleria.$('thumbnails').click(function(){  

alert($(this).attr('id'));     

}); 

Answer 2

不应该是alert($(this).id);吗？ （注意$）。