javascript - jsタブの例での特定のトラバーサルの意味がよくわかりません。 。 。

Question

リーリー

これはインターネット上のタブの例ですが、例の js 部分と 2 番目の for ループの意味がよくわかりません。 。 。 QAQ

Answer 1

for の外側の層は主に onclick イベントを各タブ ボタンにバインドすることです。

for 内部はバインドされた onclick事件之内，它的作用是，
当点击了被绑定的选项卡时，遍历所有的选项卡，把不是当前点击的选项卡都重置成隐藏状态，然后这个for イベント内にあります。その機能は、

バインドされたタブがクリックされると、すべてのタブを走査し、現在のタブ以外の項目を削除します。非表示状態にすると、次のようになります:

リーリー

は現在クリックされている項目に対応するタブを表示します。

このようにすると、現在クリックされている項目に対応するタブのみが表示され、残りのタブは非表示になります。
これがないと、最初のラベルをクリックすると最初のラベルが表示されます。
次に 2 番目のタブをクリックすると、2 番目のタブが表示され、1 番目と 2 番目のタブが同時に表示されます。
次に 3 番目のタブをクリックすると、最初の 2 つは非表示にならず、3 つのタブが表示されます。 ..

このようにして、最終的にすべてのタブボタンをクリックすると、すべてのタブが表示されます。これは明らかにタブの効果ではありません。

for現在クリックされているタブを除くすべてのタブを非表示にするには、現在のタブを表示する前に、

を使用してすべてのタブを移動して非表示にします。 🎜

Answer 2

一般的な機能は、タブをクリックして切り替えることです。
いわゆる切り替えとは、他の非表示と現在表示されているものを意味します。
そして、あなたが言及した部分は、すべての入力を非表示にすることです。
つまり、[はい] をクリックするたびに、すべての入力が一度走査され、クラス属性と表示属性が削除されて非表示になります。
その後、これ、つまりクラス属性と表示属性を持つ現在クリックされている項目を追加して表示します。

Answer 3

私はコードにコメントを付けています、そしてコメントを見るとそれがわかります!コードの原理は、まずすべての入力のクラス名をクリアしてすべての p を非表示にし、次に現在クリックされている入力にクラス名を追加して、現在のインデックスに対応する p を表示することです。

リーリー