Question

我在我的网站上使用Lightbox图库，jQuery代码是

jQuery(function( $ ) {    
    $('.tosrus a').tosrus({
        pagination : {
            add : true,
            type : "thumbnails"
        },
        buttons : true
    });
});

我的画廊将通过PHP生成，每个画廊将有不同的图像，如果我使用类来检测画廊，它将显示页面中的所有图像。所以我应该使用ID来检测每个画廊，但事情是我对jQuery一点都不熟悉。

我的PHP代码是

$j = 0;
<div id="tosrus-<?= $j++ ?>" class="tosrus thumbs">  
<a href="<? the_sub_field('images-list'); ?>">
                            <img src="<? the_sub_field('images-list'); ?>"></a>
</div>

因此，每个div的结果都类似于tosrus-1, tosrus-2。

任何人都知道如何才能完成这项工作？

Answer 1

您无需专门指定索引ID来与特定索引处的项进行交互 - 您可以使用:nth-of-type selector代替。

例如：

$("div:nth-of-type(1)").hide();

此处的实例：http://jsbin.com/ciraruhuhimi/1/edit?html,js,output

Answer 2

从Jquery选择器attribute contains prefix selector，您可以获得div元素

$( "div[id|='tosrus']" )

此选择器用于获取具有指定属性的元素，其值等于给定字符串或以该字符串开头，后跟连字符（ - ）。

如何为一堆php生成的DIV设置jQuery ID？

2 个答案: