Javascript this.$或this.$$选择具有相同id或类名的所有元素-Polymer

我有3个纸张切换按钮，我想禁用，直到我点击编辑按钮，这样做是有意义的

我以冗长的形式拼凑了这一点，但是我想知道在PolymerJS中是否有一种方法可以使用this.$.ID-NAME或this.$$“CLASS-NAME”来选择所有的纸张切换按钮，假设我给了它们相同的ID和类名来复制我知道的ID

感谢您的帮助。我知道它目前正在运行，但我只是想知道是否有更简单的方法

我目前正在处理以下问题：当使用on click event editMode单击按钮时，将发生切换：

HTML

---

您可以看看Polymer，有很多函数可以和DOM交互。我想你在找聚合物。domthis.root.querySelectorAll.toggle'

你能行

大堆 .fromPolymer.domthis.root.querySelectorAll.foo' .forEach$0=>/*做点什么*/ ; 那么，请注意，您的代码片段没有多大意义，因为您正在if和else语句中执行相同的操作：

ifexpression{ toggle1.toggleAttribute“已禁用” }否则{ toggle1.toggleAttribute“已禁用” } //等于： toggle1.toggleAttribute“已禁用” 您的代码可能看起来很像：

{ 编辑模式{ 返回[ 此.$切换1， 此.$开关2， 这是。$切换3 ] .forEach$0=>0.toggleAttribute'disabled' }

---

}您的HTML无效。禁止有多个具有任何给定id的元素。id必须是唯一的。这就是为什么我们有ID和类。

<div class="detail info horizontal layout">
    <div class="bodyHeaderText flex">Active User</div>
        <paper-toggle-button class="toggle" id="toggle" checked$="{{isActive}}" disabled></paper-toggle-button>
    </div>
    <div class="detail info horizontal layout">
        <div class="bodyHeaderText flex">Operator</div>
        <paper-toggle-button class="toggle" id="toggle" checked$="{{isOperator}}" disabled></paper-toggle-button>
    </div>
    <div class="detail info horizontal layout">
        <div class="bodyHeaderText flex">Manager</div>
        <paper-toggle-button class="toggle" id="toggle" checked$="{{isManager}}" disabled></paper-toggle-button>
    </div>

editMode : function() {
          toggle1 = this.$.toggle1;
           toggle2 = this.$.toggle2;
           toggle3 = this.$.toggle3;

           if( EditDiv.style['display'] == 'none' )
           {
            toggle1.toggleAttribute('disabled');
            toggle2.toggleAttribute('disabled');
            toggle3.toggleAttribute('disabled');
           }
           else
           {
              toggle1.toggleAttribute('disabled');
              toggle2.toggleAttribute('disabled');
              toggle3.toggleAttribute('disabled');
           }
        }