Question

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

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

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

gallery 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>

控制台没有错误，控制台中没有显示任何内容。此标记工作正常，gallery插件正在自己制作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);吗？（注意$）。

似乎无法获取元素ID

2 个答案: