一連のリスト項目をループする JS コードが必要です。リスト項目ごとに一意の属性値 (この場合は href) を格納し、それを同じリスト項目内の別の要素 (この場合はボタンです)。現在の JS コードは、シリーズ全体ではなく、最初のリスト項目でのみ機能します。私のアプローチを微調整することはできますか、それとも変更する必要がありますか?
foreach ノードを使用し、そこから必要なプロパティを取得および設定すると、理解しやすくなります
forEach() では、document.querySelector() の代わりに node.querySelector() を使用する必要があります。
forEach()
document.querySelector()
node.querySelector()
ご覧くださいhttps://jsfiddle.net/qkd37rsu/
document.querySelector() はドキュメント ツリー全体で最初に一致する要素を選択して返しますが、node.querySelector() は node 内でのみ検索します。要素のサブツリー (最初に一致した要素を返します)。 node は、forEach(function(node){...}) によって提供される単なるパラメーターであることに注意してください。
node
forEach(function(node){...})
foreach ノードを使用し、そこから必要なプロパティを取得および設定すると、理解しやすくなります
forEach()
では、document.querySelector()
の代わりにnode.querySelector()
を使用する必要があります。ご覧くださいhttps://jsfiddle.net/qkd37rsu/
document.querySelector()
はドキュメント ツリー全体で最初に一致する要素を選択して返しますが、node.querySelector()
はnode
内でのみ検索します。要素のサブツリー (最初に一致した要素を返します)。node
は、forEach(function(node){...})
によって提供される単なるパラメーターであることに注意してください。