Question

我是css选择器的新手，我正在尝试这样做：

我有html个div个。{我想选择第一个div会议某个条件，让我们说div[id*='ample']，然后选择具有相同条件的所有div，而不是第一个div个孩子。

<div id="example1">
    <div id="example2">
    </div>
</div>
<div id="example3">
</div>

所以我想要的是获得div和id='example1'的{{1}}。最好的情况是，例如id='example3'与div不一定是第一个id='example3'的兄弟。

你知道怎么做吗？

我在考虑：

div

但它可能毫无价值。

Answer 1

您有很多方法可以在JavaScript中选择元素，它取决于html。

回到你的问题：你可以使用这些div的父级（例如body）

＆＃13;

NodeList.prototype.forEach = Array.prototype.forEach;


/* 'body > *[id*="ample"]' - you can replace the 'body' selector with other parent selector */
document.querySelectorAll('body > *[id*="ample"]').forEach(function(el) {
    el.classList.add('red');
});

＆＃13;

div {
  height:10px;  
  border:1px solid #000;
}

.red {
  border:1px solid red;
}

＆＃13;

<div id="example1">
    <div id="example2">
    </div>
</div>
<div id="example3">
</div>

＆＃13;

选择符合条件的标签

1 个答案: