1

我有一个图像列表，我真的需要在我的 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>
4

2 回答 2

0

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

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

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

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

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

});
于 2011-07-06T21:33:26.143 回答
-2

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

于 2011-07-06T21:29:58.257 回答