요소 속성 값을 자바 스크립트 배열로 푸시하는 방법은 무엇입니까?

Sathya

이것은 내 HTML 구조입니다. 여기에서는 각 요소에 대해 두 가지 속성을 만들었습니다. 속성 값을 배열로 푸시하는 방법 (예 : [[1,0], [1,1], [1,2], [0,2], [2,2], [1,3], [1,4]])?

<div id="demo">
     <div data-floor="1" data-floor-sub="0">Div1</div>
     <div data-floor="2" data-floor-sub="0">Div2</div>
     <div data-floor="3" data-floor-sub="0">Div3</div>
     <div data-floor="3" data-floor-sub="1">Div4</div>
     <div data-floor="3" data-floor-sub="2">Div5</div>
     <div data-floor="4" data-floor-sub="0">Div6</div>
     <div data-floor="5" data-floor-sub="0">Div7</div>
</div> 
AmmarCSE

사용 ) (지도

var multiDimArray = $('#demo div').map(function() {
  var innerArray = [];
  innerArray.push([$(this).data('floor'), $(this).data('floor-sub')]);
  return innerArray;
}).get();

console.log(multiDimArray);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="demo">
  <div data-floor="1" data-floor-sub="0">Div1</div>
  <div data-floor="2" data-floor-sub="0">Div2</div>
  <div data-floor="3" data-floor-sub="0">Div3</div>
  <div data-floor="3" data-floor-sub="1">Div4</div>
  <div data-floor="3" data-floor-sub="2">Div5</div>
  <div data-floor="4" data-floor-sub="0">Div6</div>
  <div data-floor="5" data-floor-sub="0">Div7</div>
</div>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트로 구성 요소의 translateX 값을 얻는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 : 배열 속성에 대한 게시 요청을 위해 객체 배열을 반복하는 방법은 무엇입니까?

분류에서Dev

ReactJS Stateless 구성 요소에서 순수한 자바 스크립트로 입력 값을 채우는 방법은 무엇입니까?

분류에서Dev

구성 요소의 소품 값으로 자바 스크립트 변수를 참조하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트로 입력 HTML에서 최소값을 설정하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 배열을 객체로 변환하는 동안 추가 속성을 추가하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 변수에서 패턴을 찾고 발견 된 요소를 배열로 반환하는 방법은 무엇입니까?

분류에서Dev

vbScript Split이 다시 배열로 분할하도록 자바 스크립트 문자열을 작성하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 연관 배열로 푸시하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 배열 요소 내에서 문자열을 검색하는 방법은 무엇입니까?

분류에서Dev

이 문자열을 자바 스크립트 배열로 변환하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 배열 요소를 추출하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 배열에서 빈 요소를 제거하는 방법은 무엇입니까?

분류에서Dev

[Object object] 대신 속성 값을 얻는 방법은 무엇입니까? (자바 스크립트)

분류에서Dev

자바 스크립트에서 숫자 배열의 값을 곱하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 변수 이름을 사용하여 배열 내부에 객체 속성을 추가하는 방법은 무엇입니까?

분류에서Dev

mySQL JSON 열을 자바 스크립트 배열로 변환하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 데이터 속성 값을 정수로 변환하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트로 입력 값을 기반으로 요소를 숨기는 방법은 무엇입니까?

분류에서Dev

선택한 값을 선택 요소에서 자바 스크립트로 전송하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 http 요청을 작성하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 부모 속성을 자식 속성으로 지정하는 방법은 무엇입니까? (OOP)

분류에서Dev

자바 스크립트에서 배열의 n 번째 요소를 얻는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 배열 요소를 하나씩 onclick 이벤트로 표시하는 방법은 무엇입니까?

분류에서Dev

List <string> 모델 속성을 전달하여 자바 스크립트 배열 변수를 보는 방법은 무엇입니까?

분류에서Dev

다른 배열의 반복 값으로 채워진 N 요소의 새 배열을 반환하는 간결한 방법은 무엇입니까? 바닐라 자바 스크립트

분류에서Dev

자바 스크립트에서 JSON 객체 배열에 값을 추가하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 배열 값을 확인하는 방법은 무엇입니까?

분류에서Dev

내 vuejs 구성 요소에 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    자바 스크립트로 구성 요소의 translateX 값을 얻는 방법은 무엇입니까?

  2. 2

    자바 스크립트 : 배열 속성에 대한 게시 요청을 위해 객체 배열을 반복하는 방법은 무엇입니까?

  3. 3

    ReactJS Stateless 구성 요소에서 순수한 자바 스크립트로 입력 값을 채우는 방법은 무엇입니까?

  4. 4

    구성 요소의 소품 값으로 자바 스크립트 변수를 참조하는 방법은 무엇입니까?

  5. 5

    자바 스크립트로 입력 HTML에서 최소값을 설정하는 방법은 무엇입니까?

  6. 6

    자바 스크립트에서 배열을 객체로 변환하는 동안 추가 속성을 추가하는 방법은 무엇입니까?

  7. 7

    자바 스크립트 변수에서 패턴을 찾고 발견 된 요소를 배열로 반환하는 방법은 무엇입니까?

  8. 8

    vbScript Split이 다시 배열로 분할하도록 자바 스크립트 문자열을 작성하는 방법은 무엇입니까?

  9. 9

    자바 스크립트에서 연관 배열로 푸시하는 방법은 무엇입니까?

  10. 10

    자바 스크립트를 사용하여 배열 요소 내에서 문자열을 검색하는 방법은 무엇입니까?

  11. 11

    이 문자열을 자바 스크립트 배열로 변환하는 방법은 무엇입니까?

  12. 12

    자바 스크립트에서 배열 요소를 추출하는 방법은 무엇입니까?

  13. 13

    자바 스크립트 배열에서 빈 요소를 제거하는 방법은 무엇입니까?

  14. 14

    [Object object] 대신 속성 값을 얻는 방법은 무엇입니까? (자바 스크립트)

  15. 15

    자바 스크립트에서 숫자 배열의 값을 곱하는 방법은 무엇입니까?

  16. 16

    자바 스크립트의 변수 이름을 사용하여 배열 내부에 객체 속성을 추가하는 방법은 무엇입니까?

  17. 17

    mySQL JSON 열을 자바 스크립트 배열로 변환하는 방법은 무엇입니까?

  18. 18

    자바 스크립트에서 데이터 속성 값을 정수로 변환하는 방법은 무엇입니까?

  19. 19

    자바 스크립트로 입력 값을 기반으로 요소를 숨기는 방법은 무엇입니까?

  20. 20

    선택한 값을 선택 요소에서 자바 스크립트로 전송하는 방법은 무엇입니까?

  21. 21

    자바 스크립트에서 http 요청을 작성하는 방법은 무엇입니까?

  22. 22

    자바 스크립트에서 부모 속성을 자식 속성으로 지정하는 방법은 무엇입니까? (OOP)

  23. 23

    자바 스크립트에서 배열의 n 번째 요소를 얻는 방법은 무엇입니까?

  24. 24

    자바 스크립트에서 배열 요소를 하나씩 onclick 이벤트로 표시하는 방법은 무엇입니까?

  25. 25

    List <string> 모델 속성을 전달하여 자바 스크립트 배열 변수를 보는 방법은 무엇입니까?

  26. 26

    다른 배열의 반복 값으로 채워진 N 요소의 새 배열을 반환하는 간결한 방법은 무엇입니까? 바닐라 자바 스크립트

  27. 27

    자바 스크립트에서 JSON 객체 배열에 값을 추가하는 방법은 무엇입니까?

  28. 28

    자바 스크립트에서 배열 값을 확인하는 방법은 무엇입니까?

  29. 29

    내 vuejs 구성 요소에 자바 스크립트 코드를 삽입하는 방법은 무엇입니까?

뜨겁다태그

보관