
jquery选择li中data-id为1的元素是:
$("li[data-id='1']")。
网页链接
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
你应该要这样用 $(td)data("id") 去抓取资料,这是 jQuery 较正规的用法
等你抓出来后在去判断是否是你要的。但如果要直接抓取那个 td ,可以直接把 data-id 改成真的 id 参数,不懂可以私信问我。
元素ID是唯一的,最好不要多个标签用相同id,可以在标签里加自定义属性再赋值嘛。
<div class="imgs">
<img src="" data-id="1"/><img src="" data-id="2"/>
</div>
<script>
function showIdsData(){
var imgs=$("imgs img");
var ids=new Array();
for(var i=0;i<imgslength;i++){
idspush(imgs[i]attr("data-id");
}
consolelog(ids);
}
showIdsData();
</script>
var eleArr=documentquerySelector("div [data-id='你的data-id的值']")chlidren;
for(var i=0;i<eleArrlength;i++){
eleArr[i]index=i;
eleArr[i]addEventListener("click",function(){
consolelog(thisindex);
})
}
哎,js麻烦死了,要是可以用jQuery就好了
建议使用class命名,然后使用data-id来存储id。因为id属性不能相同,并且不能以数字开头,这不符合规范。
具体更改的代码如下:
<li class="z_time" data-id="310" data-time="2020-06-01 19:26:43">70分</li>
<li class="z_time" data-id="310" data-time="2020-06-01 19:27:12">72分</li>
<li class="z_time" data-id="310" data-time="2020-06-01 19:28:33">71分</li>
<li class="z_time" data-id="311" data-time="2020-06-01 19:29:11">70分</li>
<li class="z_time" data-id="312" data-time="2020-06-01 19:30:44">75分</li>
<li class="z_time" data-id="312" data-time="2020-06-01 19:32:41">73分</li>
<li class="z_time" data-id="313" data-time="2020-06-01 19:33:51">73分</li>
<script>
var oZTime = documentquerySelectorAll("z_time"); //获取li元素
var i,j,t1,t2,id1,id2; //提前声明
//第一层遍历
for(i = 0; i < oZTimelength; i++){
t1 = oZTime[i]getAttribute("data-time"); //获取时间
id1 = oZTime[i]getAttribute("data-id"); //获取data-id属性
//第二层遍历
for(j = 0; j < oZTimelength; j++){
//获取当前遍历的元素属性
t2 = oZTime[j]getAttribute("data-time");
id2 = oZTime[j]getAttribute("data-id");
//如果两个元素的id相同
if(id1 == id2){
//将元素的data-time属性的值转为时间戳
var rt1 = new Date(t1)getTime(),
rt2 = new Date(t2)getTime();
//验证是否是同一个元素(时间戳相同则为同一个,则不进行处理)
if(rt1 != rt2){
//判断时间戳谁比较大,则隐藏对应的元素
if(rt1 > rt2){
oZTime[j]styledisplay = "none";
}else{
oZTime[i]styledisplay = "none";
}
}
}
}
}
</script>
jqLite in angularjs angularelement("#element-id") 这是一个DOM *** 作。Angular不会帮助你获得DOM的某个属性。 你需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。 获取ID的目标地是为了 *** 作DOM,
以上就是关于jquery选择li中data-id为1的元素全部的内容,包括:jquery选择li中data-id为1的元素、jquery选择器的问题,、jquery怎样获取动态增加的img标签的id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)