jquery选择li中data-id为1的元素

jquery选择li中data-id为1的元素,第1张

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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9298774.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存