<div><p id="1">aa</p></div>
<div><p id="2">aa</p></div>
<div><p id="32">aa</p></div>
<div><p id="44">aa</p></div>
<div><p id="8">aa</p></div>
<div><p id="13">aa</p></div>
<div><p id="4">aa</p></div>
<div><p id="11">aa</p></div>
var aa=[{"id":1,"name":"yi"},{"id":4,"name":"si"},{"id":6,"name":"liu"},{"id":8,"name":"ba"},{"id":"a","name":"aaa"}];
我想把id在数组aa中的div加上class="a"
否则加上class="b"
用js怎么写 谢谢
多谢多谢
还有个问题:
如果我这样写:
var div = $("div");
for (var i = 0; i < aa.length; i++) {
var tId = aa[i].id;
for (var j = 0; j < div.length; j++) {
var fId = $(div[j]).find("p").attr("id");
if (tId == fId) {
div.addClass("a");
} else {
div.addClass("b")
}
}
}
结果每个div都变了,我只是想把div加上class="a"
,是我的循环出了什么问题么,如果要按这种写法,要怎么修改呢?
for(let p of document.querySelectorAll('div>p')) {
let cls = aa.find(m=>m.id==p.id) ? 'a' : 'b'
p.classList.add(cls)
}
$("div p").each(function(){
var id = $(this).attr("id");
//判断id是否在数组中;
$(this).addClass("a"或者"b");
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。