재작성된 제목: HTML 목록 반복

Question

일련의 목록 항목을 반복하고 각 목록 항목에 대해 고유한 속성 값(이 경우 href)을 저장한 다음 동일한 목록 항목 내의 다른 항목에 삽입하는 JS 코드를 원합니다. 이 경우 버튼). 현재 JS 코드는 전체 시리즈가 아닌 첫 번째 목록 항목에서만 작동합니다. 내 접근 방식을 조정할 수 있습니까, 아니면 수정해야 합니까?

으아악

<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_one.com">link one</a>
  <button class="atc-button--text">button one</button>
</li>
<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_two.com">link two</a>
  <button class="atc-button--text">button two</button>
</li>
<li class="productgrid--item">
  <a class="productitem--image-link" href="www.link_three.com">link three</a>
  <button class="atc-button--text">button three</button>
</li>

Answer 1

foreach 노드를 사용하고 거기에서 필수 속성을 가져오고 설정하면 따라하기가 더 쉬울 것입니다

으아악 으아악

Answer 2

inforEach()中，你应该使用node.querySelector()而不是document.querySelector().

참조https://jsfiddle.net/qkd37rsu/

document.querySelector()在整个文档树中选择并返回第一个匹配的元素，而node.querySelector()仅在node元素的子树中搜索（并返回第一个匹配的元素）。请注意，node只是由forEach(function(node){...})제공된 매개변수.