タイトルを書き直しました: HTML リストのループ

Question

一連のリスト項目をループする JS コードが必要です。リスト項目ごとに一意の属性値 (この場合は href) を格納し、それを同じリスト項目内の別の要素 (この場合はボタンです）。現在の JS コードは、シリーズ全体ではなく、最初のリスト項目でのみ機能します。私のアプローチを微調整することはできますか、それとも変更する必要がありますか?

リーリー ああああ

Answer 1

foreach ノードを使用し、そこから必要なプロパティを取得および設定すると、理解しやすくなります

リーリー リーリー

Answer 2

forEach() では、document.querySelector() の代わりに node.querySelector() を使用する必要があります。

ご覧くださいhttps://jsfiddle.net/qkd37rsu/

document.querySelector() はドキュメント ツリー全体で最初に一致する要素を選択して返しますが、node.querySelector() は node 内でのみ検索します。要素のサブツリー (最初に一致した要素を返します)。 node は、forEach(function(node){...}) によって提供される単なるパラメーターであることに注意してください。