当前位置:  开发笔记 > 编程语言 > 正文

使用JQuery检查父节中是否存在具有特定数据属性的子div

如何解决《使用JQuery检查父节中是否存在具有特定数据属性的子div》经验,为你挑选了1个好方法。

如何检查父母section是否有另一个div具有特定数据属性的"孩子" ?这是我要做的事情:

if ($("#parent").children().data("child-nr").contains("1") == true) {
    $("#parent").css('background-color', 'green');
}
else {
    $("#parent").css('background-color', 'red');
}
div {
  width: 50px;
  height: 50px;
  background-color: lightblue;
  float: left;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
}

N° 1

N° 2

N° 3



1> adeneo..:

只需定位元素,然后通过检查集合来检查它是否存在 length

完全匹配 1

if ( $('#parent div[data-child-nr="1"]').length ) { ...

包含 1

if ( $('#parent div[data-child-nr*="1"]').length ) { ...

以..开始 1

if ( $('#parent div[data-child-nr^="1"]').length ) { ...

以..结束 1

if ( $('#parent div[data-child-nr$="1"]').length ) { ...

推荐阅读
跟我搞对象吧
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有