여러 선택기 요소에 대한 Javascript Foreach 루프

밀라노 스 미츠

기본 Javascript foreach 루프를 만드는 데 어려움을 겪고 있습니다. 내 선택기는 내 선택기와 일치하는 &ws=true모든 요소에 추가를 실행하려는 여러 요소와 일치합니다 . 이것은 하나의 요소에 대해 작동하지만 다중이 아닌 내 코드입니다.

(
  function()
   {
   var selector = "form[class='cart']"
   document.querySelector (selector).action += "&ws=true"
   }
)
();
Dai
  • 첫 번째 일치 요소 대신 일치하는 모든 요소 를 가져 오려면 querySelectorAll대신 사용하십시오 .querySelector
  • 선택기를로 단순화 할 수 있습니다 form.cart. 다른 추가 클래스 이름이 적용된 요소 form[class="cart"]를 제외하려는 경우 에만 사용 하십시오 <form>.
  • 당신은 사용할 수 있습니다 for-of직접 루프를 NodeListOf<T>.
  • for제목 ( const form)이 루프의 본문으로 범위가 지정 되기 때문에 IIFE 래퍼가 필요하지 않습니다 (즉, 범위 오염이 없음).

이렇게 :

for( const form of document.querySelectorAll( 'form.cart' ) ) {
    form.action += "&ws=true";
}

또는 ECMAScript 6 언어 기능을 사용하지 않는 경우 :

이 현대적인 자바 스크립트를 사용할 수없는 경우 ( const, for-of, 등) 다음이를 사용 :

var elements = document.querySelectorAll( 'form.cart' );
for( var i = 0; i < elements.length; i++ ) {
    elements[i].action += "&ws=true";
} 

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

여러 개체에서 요소를 선택하기위한 R 루프 기능

분류에서Dev

JavaScript를 사용하여 여러 요소에 대한 CSS 복제 : 초점 선택기

분류에서Dev

한 조상의 여러 요소에 대한 JQuery 선택기

분류에서Dev

여러 요소에 대한 CSS 선택기

분류에서Dev

여러 ID에 대한 AlloyUI 선택기

분류에서Dev

한 HTML 요소의 여러 선택기에 대한 짧은 구문

분류에서Dev

forEach 루프 대기

분류에서Dev

PHP for 루프 내에 여러 개의 고유 한 HTML 요소 만들기

분류에서Dev

동일한 foreach 루프에서 여러 번 SQLiteCommand 및 SQLiteDataReader 사용

분류에서Dev

루프에서 여러 작업 대기

분류에서Dev

foreach 루프 PHP에서 여러 배열 만들기

분류에서Dev

C #의 ForEach 루프에 대한 성능 개선 팁?

분류에서Dev

검색 및 바꾸기에 대한 foreach 루프 만들기

분류에서Dev

R의 여러 ggplot에 대한 For 루프

분류에서Dev

여러 행렬에 대한 R 루프

분류에서Dev

여러 조건에 대한 python for 루프

분류에서Dev

MYSQL에 대한 foreach 루프 쓰기 최적화

분류에서Dev

목록 값에 대한 CSS 선택기의 While 루프 반복

분류에서Dev

여러 항목에 대한 JavaScript 속기

분류에서Dev

한 번에 여러 입력 파일에 대한 루프 만들기

분류에서Dev

여러 선택기보기에 대한 "완료"단추 구성

분류에서Dev

메서드에서 여러 배열에 대한 foreach 루프를 어떻게 생성합니까?

분류에서Dev

foreach 루프에서 생성 된 요소에 대한 onclick 분리 asp.net mvc

분류에서Dev

Javascript-여러 선택 상자에서 값 대신 텍스트 가져 오기

분류에서Dev

jQuery : 기본값 선택 및 여러 선택에 대한 변경 트리거

분류에서Dev

동일한 요소에 여러 선택기가 출력되는 jQuery 각 함수

분류에서Dev

여러 클래스가 작동하지 않는 요소에 대한 jQuery 선택기

분류에서Dev

루프 Angular2에서 여러 요소 만들기

분류에서Dev

<a> 요소에 대한 CSS ID 선택기

Related 관련 기사

  1. 1

    여러 개체에서 요소를 선택하기위한 R 루프 기능

  2. 2

    JavaScript를 사용하여 여러 요소에 대한 CSS 복제 : 초점 선택기

  3. 3

    한 조상의 여러 요소에 대한 JQuery 선택기

  4. 4

    여러 요소에 대한 CSS 선택기

  5. 5

    여러 ID에 대한 AlloyUI 선택기

  6. 6

    한 HTML 요소의 여러 선택기에 대한 짧은 구문

  7. 7

    forEach 루프 대기

  8. 8

    PHP for 루프 내에 여러 개의 고유 한 HTML 요소 만들기

  9. 9

    동일한 foreach 루프에서 여러 번 SQLiteCommand 및 SQLiteDataReader 사용

  10. 10

    루프에서 여러 작업 대기

  11. 11

    foreach 루프 PHP에서 여러 배열 만들기

  12. 12

    C #의 ForEach 루프에 대한 성능 개선 팁?

  13. 13

    검색 및 바꾸기에 대한 foreach 루프 만들기

  14. 14

    R의 여러 ggplot에 대한 For 루프

  15. 15

    여러 행렬에 대한 R 루프

  16. 16

    여러 조건에 대한 python for 루프

  17. 17

    MYSQL에 대한 foreach 루프 쓰기 최적화

  18. 18

    목록 값에 대한 CSS 선택기의 While 루프 반복

  19. 19

    여러 항목에 대한 JavaScript 속기

  20. 20

    한 번에 여러 입력 파일에 대한 루프 만들기

  21. 21

    여러 선택기보기에 대한 "완료"단추 구성

  22. 22

    메서드에서 여러 배열에 대한 foreach 루프를 어떻게 생성합니까?

  23. 23

    foreach 루프에서 생성 된 요소에 대한 onclick 분리 asp.net mvc

  24. 24

    Javascript-여러 선택 상자에서 값 대신 텍스트 가져 오기

  25. 25

    jQuery : 기본값 선택 및 여러 선택에 대한 변경 트리거

  26. 26

    동일한 요소에 여러 선택기가 출력되는 jQuery 각 함수

  27. 27

    여러 클래스가 작동하지 않는 요소에 대한 jQuery 선택기

  28. 28

    루프 Angular2에서 여러 요소 만들기

  29. 29

    <a> 요소에 대한 CSS ID 선택기

뜨겁다태그

보관