Question

我有这样的事情：

<g>
  <rect x="98" y="77" width="141" height="119" class=" with_href selected"></rect>
  <rect class="helper move" height="5" width="5" x="165.5" y="133.5"></rect>
  <rect class="helper n-resize" height="5" width="5" x="165.5" y="74"></rect>
  <rect class="helper s-resize" height="5" width="5" x="165.5" y="193"></rect>
</g>
<g>
  <rect x="390" y="130" width="76" height="70" class=""></rect>
  <rect class="helper move" height="5" width="5" x="425" y="162"></rect>
  <rect class="helper move" height="5" width="5" x="425" y="162"></rect>
</g>

我正在尝试在每组＆lt; g>标签以确保有一个带有“with_href”类的矩形标签，如果没有，当单击保存按钮时，我将提醒用户一条消息，说明所有输入都需要完成，否则，如果每组都有＆LT; g>有了这个类，它只会保存并显示信息。

Answer 1

要仅选择包含类“with_href”和“selected”的rect的<g>标记，您可以执行以下操作：

document.querySelectorAll('g > rect.with_href.selected')

那会返回一个数组。

您可以将该数组与此返回的数组进行比较：

document.querySelectorAll('g')

如果第一个数组的长度小于第二个数组的长度，则可以提醒用户，因为并非所有g标记都包含带有两个类的rect。

如何在标记内搜索带有类的标记

1 个答案: