Question

我有一些具有相同名称的div类，例如

<div class="Mydiv">

我想用名字＆＃34; MyDiv＆＃34;来搜索每个div。对于一个子 <div class="Subdiv">如果有...

代码示例：

<div class="Mydiv">
</div>
<div class="Mydiv">
 <div class="Subdiv">
 </div>
</div>

Answer 1

如果您想查看每个.Mydiv，并在找到.Subdiv时执行某些操作，如果找不到.Subdiv则执行其他操作，您可以尝试以下操作：< / p>

mydivs = document.getElementsByClassName("Mydiv");

for(var i=0; i<mydivs.length; ++i) {
    subdivs = mydivs[i].getElementsByClassName("Subdiv");

    if (subdivs.length > 0) {
        // do something
    } else {
        // no subdiv found in this Mydiv
    }
}

Answer 2

尝试：

[].slice.call(document.getElementsByClassName('Mydiv')).forEach(function(el) {
    if (el.innerHTML.match(/class="[^"]*Subdiv"/)) {
        // el is your div
    }
});

Answer 3

你可以这样做：

var targetDiv = document.getElementsByClassName("Mydiv").getElementsByClassName("Subdiv");

您将获得一个元素数组，以获得具有类.subdiv

的第一个子div

添加索引0

var targetDiv = document.getElementsByClassName("Mydiv").getElementsByClassName("Subdiv")[0];

Answer 4

我想知道.Mydiv是否有.Subdiv

以下是一种方法：

使用querySelectorAll查找.Subdiv元素内的每个.Mydiv。
循环播放并返回其父级.Mydiv。

＆＃13;

 var divs = [].map.call(document.querySelectorAll('.Mydiv > .Subdiv'), function (subDiv) {
    return subDiv.parentNode;
});

document.body.appendChild(document.createTextNode('Found ' + divs.length + ' .Mydiv that contains .Subdiv'));

＆＃13;

<div class="Mydiv">
</div>

<div class="Mydiv">
  <div class="Subdiv"></div>
</div>

<div class="Mydiv">
  <div class="Subdiv"></div>
</div>

<div class="Mydiv">
  <div class="Subdiv"></div>
</div>

＆＃13;

Answer 5

如果你使用jQuery：

$('.Mydiv').filter(function(i,e) { 
    return $('> .Subdiv', e).size() > 0;
});

找到所有＆＃34; Mydiv＆＃34;类和过滤器，如果它包含Subdiv类

Answer 6

您可以使用querySelectorAll和querySelector

[].forEach.call(document.querySelectorAll(".Mydiv"), function(mydiv) {
    if(mydiv.querySelector('.Subdiv')) {
        // do something
    }
});

当querySelectorAll返回 HTML集合而不是真正的数组时，您无法直接在其上运行.forEach，因此[].forEach.call < / p>

JS搜索是否在div类中找到另一个名为＆＃34; Name＆＃34;的div。

6 个答案: