如何为一堆php生成的DIV设置jQuery ID
How to set jQuery ID for bunch of php generated DIVs?
我正在为我的网站使用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>
因此,对于每个分区,结果将类似于tosrus-1,
tosrus-2
有人知道我该怎么做吗?
您不必专门指定一个索引id来与特定索引处的项交互,而是可以使用:nth of type选择器。
例如:
$("div:nth-of-type(1)").hide();
此处的示例:http://jsbin.com/ciraruhuhimi/1/edit?html,js,输出
从Jquery选择器属性包含前缀选择器,您可以获得div元素
$( "div[id|='tosrus']" )
此选择器用于获取具有指定属性的元素,该属性的值等于给定字符串或以该字符串开头并后跟连字符(-)。
相关文章:
- 内容可编辑DIV单击/插入符号设置
- 使用Javascript对象为具有两个背景图像的DIV设置样式时出现问题
- Javascript/jQuery在可编辑的DIV中设置光标
- Div 设置为视口高度,即使调整屏幕大小也是如此
- 如何设置DIV背景图像css jquery
- 将DIV ID内的所有链接设置为返回false
- 如何使用JQuery.Load访问Div中加载URL的UL“id”,“name”等,以设置JQuery树视图
- JS - 使用变量设置 Div 背景颜色
- 如何使用 JavaScript 动态设置 DIV 元素的左侧和顶部 CSS 位置
- 如何根据背景图像的高度和宽度设置 DIV 尺寸
- 如果 DIV 包含选中的复选框,则将显示设置为阻止
- 如何滚动以在屏幕底部设置 DIV 的底部(监视器)
- 确定 DIV 的高度以百分比而不是像素设置
- 无法手动将 DIV 元素上的可见性设置为 true.“TH:IF”问题
- 使用 jQuery offset() 将绝对定位的 DIV 设置为另一个 DIV 的相同 y 坐标
- 如何为一堆php生成的DIV设置jQuery ID
- 将Div设置为占用具有浮动子对象的兄弟姐妹的父对象的剩余高度
- 将Div设置为空,然后重新填充,因为我的页面会在所有元素中闪烁
- 为Angular JS中正在折叠的Bootstrap DIV设置一个默认的打开状态
- 如何:将Div设置为链接,而不是其中的图像