一連のリスト項目をループする 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){...})
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
foreach ノードを使用し、そこから必要なプロパティを取得および設定すると、理解しやすくなります
forEach()では、document.querySelector()の代わりにnode.querySelector()を使用する必要があります。ご覧くださいhttps://jsfiddle.net/qkd37rsu/
document.querySelector()はドキュメント ツリー全体で最初に一致する要素を選択して返しますが、node.querySelector()はnode内でのみ検索します。要素のサブツリー (最初に一致した要素を返します)。nodeは、forEach(function(node){...})によって提供される単なるパラメーターであることに注意してください。