웹 프론트엔드 JS 튜토리얼 columns_javascript 기술을 동적으로 추가하는 JavaScript 메소드

columns_javascript 기술을 동적으로 추가하는 JavaScript 메소드

May 16, 2016 pm 04:07 PM
javascript 동적 다음에 추가

이 기사의 예에서는 JavaScript에서 열을 동적으로 추가하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

/***

 * 动态添加table 列

 * @param result

 */

function addRow(resultJson){

/* var temp = [];

 temp = $.grep(arr, function(val, key) {

  if(val.indexOf('c') != -1)

   return true;

// 如果[invert]参数不给或为false, $.grep只收集回调函数返回true的数组元素

// 反之[invert]参数为true, $.grep收集回调函数返回false的数组元素

 }, false);

 console.dir(temp);

 */

 if(resultJson!=""){

   var cv_arr=new Array();

   var date_arr = new Array();

//将数据源解析,并解析成程序可认的date及result

   $.each(resultJson, function(index, val) {

    if(val['parser_schedule']!=null){

     cv_arr.push(val['parser_schedule']);

     var temp_data =val['parser_schedule'].split(",");

     for(i=0;i<temp_data.length;i++){

      var temp = temp_data[i].split(":");

      date_arr.push(temp[0]);

     }

    }

   });

   date_arr = unique(date_arr);

  date_arr.in_arr = function(value) {

   var a = this;

   //为了增加方法扩展适应性。我这稍微修改了下

   for (var i = 0; i < a.length; i++) {

    if (a[i] == value)

     return i;

   }

  }

  //ARR下标值从0开始

  var old_td_n = $("#mytable thead tr").find("th").length;

  //获取已有的TH

  //设置TH信息

  for(i=0;i<date_arr.length;i++){

   //注意TH和TD,样式不一样

   $("#mytable thead tr").append("<th>"+date_arr[i]+"</th>");

   $("#mytable tbody tr").append("<td>-</td>");

  }

  var rowNum_arr=new Array();

  //获取一共有多少行

  for(i=0;i<$("#mytable").find("tr").length;i++){

//获取每一行中第三列的值,table前两列隐藏,第三列开始判断是否有数据

   var str=$("#mytable tbody").find("tr").eq(i);

   var std=str.find("td").eq(2);

   //当没有值的时候记录,获取行号

   if($.trim(std.text()).length <1){

    rowNum_arr.push(i);

   }else{

  //  $(std).html("");

   }

  }

  //设置TD信息

  for(i=0;i<cv_arr.length;i++){

   //获取RESULT_ARR中的日期数据

   var temp_str = cv_arr[i];//OK

   //将日期数据用","分割成数组

   var temp_arr = temp_str.split(",");//OK [03-11:10,03-12:9,03-13:8,03-14:15]

   for(j=0;j<temp_arr.length;j++){

    //获取数据集 为字符串例如03-11:10

    var temp_result = temp_arr[j];

    /*

     将数据集分割为数组[03-11:10]

     ARR[0] 03-11

     ARR[1] 10

    */

    var temp_result_arr = temp_result.split(":");

    //设置第I行的TR里的内容

    $("#mytable tbody").find("tr").eq(rowNum_arr[i]).find("td").eq(old_td_n+date_arr.in_arr(temp_result_arr[0])).html(temp_result_arr[1]); 

    // 应用样式

    $("#tb tr:even td").addClass("alt");//行的颜色

    $("#tb tr").find("td:eq(2)").addClass("spec");

    $("#tb tr:even").find("td:eq(2)").addClass("specalt");

   }

  }

 }

}

로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환 VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환 Mar 25, 2024 am 09:36 AM

가상 머신을 생성할 때 디스크 유형을 선택하라는 메시지가 표시되며 고정 디스크 또는 동적 디스크를 선택할 수 있습니다. 고정 디스크를 선택했지만 나중에 동적 디스크가 필요하다는 사실을 깨닫게 된다면 어떻게 될까요? 아니면 그 반대의 경우도 가능합니다. 이번 포스팅에서는 VirtualBox 고정 디스크를 동적 디스크로 또는 그 반대로 변환하는 방법을 살펴보겠습니다. 동적 디스크는 처음에는 크기가 작다가 가상 머신에 데이터를 저장함에 따라 크기가 커지는 가상 하드 디스크입니다. 동적 디스크는 필요한 만큼만 호스트 저장 공간을 차지하므로 저장 공간을 절약하는 데 매우 효율적입니다. 그러나 디스크 용량이 늘어나면 컴퓨터 성능이 약간 영향을 받을 수 있습니다. 고정 디스크와 동적 디스크는 일반적으로 가상 머신에서 사용됩니다.

win11에서 새 하드 드라이브를 추가하는 방법에 대한 튜토리얼 win11에서 새 하드 드라이브를 추가하는 방법에 대한 튜토리얼 Jan 05, 2024 am 09:39 AM

컴퓨터를 구입할 때 반드시 대용량 하드 드라이브를 선택할 필요는 없습니다. 이때 win11에 새 하드 드라이브를 추가하려면 먼저 구입한 새 하드 드라이브를 설치한 다음 컴퓨터에 파티션을 추가하면 됩니다. win11에서 새 하드 드라이브 추가에 대한 튜토리얼: 1. 먼저 호스트를 분해하고 하드 드라이브 슬롯을 찾습니다. 2. 찾은 후 일반적으로 쉽게 사용할 수 있는 "데이터 케이블"을 먼저 연결합니다. 삽입할 수 없는 경우 방향을 반대로 하세요. 3. 그런 다음 새 하드 드라이브를 하드 드라이브 슬롯에 삽입합니다. 4. 삽입 후 데이터 케이블의 반대쪽 끝을 컴퓨터 마더보드에 연결합니다. 5. 설치가 완료되면 호스트에 다시 넣고 켤 수 있습니다. 6. 부팅 후 "이 컴퓨터"를 마우스 오른쪽 버튼으로 클릭하고 "컴퓨터 관리"를 엽니다. 7. 연 후 왼쪽 하단에서 "디스크 관리"를 클릭합니다. 8. 그런 다음 오른쪽에서 다음을 수행할 수 있습니다.

Mijia에 TV를 추가하는 방법 Mijia에 TV를 추가하는 방법 Mar 25, 2024 pm 05:00 PM

많은 사용자가 현대 생활에서 Xiaomi 스마트 홈 상호 연결의 전자 생태계를 점점 더 선호하고 있습니다. Mijia 앱에 연결하면 휴대폰으로 연결된 장치를 쉽게 제어할 수 있습니다. 그러나 많은 사용자는 여전히 Mijia를 추가하는 방법을 모릅니다. 이 튜토리얼 가이드는 도움이 필요한 모든 사람에게 도움이 될 수 있도록 구체적인 연결 방법과 단계를 제공합니다. 1. Mijia 앱을 다운로드한 후 Xiaomi 계정을 생성하거나 로그인합니다. 2. 추가 방법: 새 장치의 전원을 켠 후 휴대폰을 장치에 가까이 가져간 다음 Xiaomi TV를 켜십시오. 정상적인 상황에서는 "확인"을 선택하여 장치 연결 프로세스에 들어갑니다. 메시지가 나타나지 않으면 수동으로 장치를 추가할 수도 있습니다. 방법은 스마트 홈 앱에 들어간 후 왼쪽 하단에 있는 첫 번째 버튼을 클릭하는 것입니다.

Win11에서 바탕화면 바로가기를 빠르게 만드는 튜토리얼 Win11에서 바탕화면 바로가기를 빠르게 만드는 튜토리얼 Dec 27, 2023 pm 04:29 PM

win11에서는 바탕 화면 바로 가기를 추가하여 바탕 화면에서 소프트웨어나 파일을 빠르게 시작할 수 있으며, 필요한 파일을 마우스 오른쪽 버튼으로 클릭하기만 하면 작동됩니다. win11에 바탕 화면 바로 가기 추가: 1. "이 PC"를 열고 바탕 화면 바로 가기를 추가하려는 파일이나 소프트웨어를 찾습니다. 2. 찾은 후 마우스 오른쪽 버튼을 클릭하여 선택하고 "추가 옵션 표시"를 클릭합니다. 3. 그런 다음 "보내기" - "바탕 화면 바로 가기"를 선택합니다. 4. 작업이 완료되면 바탕 화면에서 바로 가기를 찾을 수 있습니다.

Tampermonkey에서 새 스크립트를 추가하는 방법-Tampermonkey에서 스크립트를 삭제하는 방법 Tampermonkey에서 새 스크립트를 추가하는 방법-Tampermonkey에서 스크립트를 삭제하는 방법 Mar 18, 2024 pm 12:10 PM

Tampermonkey Chrome 확장 프로그램은 스크립트를 통해 사용자 효율성과 탐색 경험을 향상시키는 사용자 스크립트 관리 플러그인입니다. 그렇다면 Tampermonkey는 어떻게 새로운 스크립트를 추가할까요? 스크립트를 삭제하는 방법은 무엇입니까? 편집자가 아래 답변을 제공합니다! Tampermonkey에 새 스크립트를 추가하는 방법: 1. GreasyFork를 예로 들어 GreasyFork 웹 페이지를 열고 여기에서 편집자가 원클릭 오프라인 다운로드를 선택합니다. 2. 스크립트를 선택하고 스크립트 페이지에 들어가면 이 스크립트를 설치하는 버튼이 표시됩니다. 3. 이 스크립트를 설치하려면 클릭하여 설치 인터페이스로 이동합니다. 4. 설치 스크립트에서 설치된 원클릭을 볼 수 있습니다.

MetaMask 지갑에서 Polygon 네트워크에 어떻게 연결하나요? MetaMask 지갑을 Polygon 네트워크에 연결하기 위한 튜토리얼 가이드 MetaMask 지갑에서 Polygon 네트워크에 어떻게 연결하나요? MetaMask 지갑을 Polygon 네트워크에 연결하기 위한 튜토리얼 가이드 Jan 19, 2024 pm 04:36 PM

PolygonMainnet 네트워크 추가 방법 Metamask와 함께 MATIC(Polygon)을 사용하려면 "PolygonMainnet"이라는 프라이빗 네트워크를 추가해야 합니다. 잘못된 네트워크 주소로 전송하면 문제가 발생할 수 있으므로 $MATIC에서 전송하기 전에 반드시 "PolygonMainnet" 네트워크를 사용하세요. Metamask 지갑은 기본적으로 이더리움 메인넷에 연결되어 있지만 간단히 "PolygonMainnet"을 추가하고 $MATIC을 사용할 수 있습니다. 몇 가지 간단한 복사 및 붙여넣기 단계만 거치면 작업이 완료됩니다. 먼저 메타마스크 지갑에서 오른쪽 상단의 네트워크 옵션을 클릭하고 "C"를 선택하세요.

계정 추가 시 Outlook이 멈춤 [해결됨] 계정 추가 시 Outlook이 멈춤 [해결됨] Mar 23, 2024 pm 12:21 PM

Outlook에서 계정을 추가하는 데 문제가 발생하면 다음 해결 방법을 시도하여 해결할 수 있습니다. 일반적으로 이는 잘못된 네트워크 연결, 손상된 사용자 프로필 또는 기타 일시적인 문제로 인해 발생할 수 있습니다. 이 문서에서 제공하는 방법을 통해 이러한 문제를 쉽게 해결하고 Outlook이 정상적으로 실행될 수 있는지 확인할 수 있습니다. 계정 추가 시 Outlook이 멈춤 Outlook이 계정 추가 시 멈춘 경우 아래에 언급된 수정 사항을 사용하십시오. 인터넷 연결을 끊었다가 다시 연결하십시오. 일시적으로 바이러스 백신 소프트웨어를 비활성화하십시오. 새 Outlook 프로필을 만드십시오. 안전 모드에서 계정 추가를 시도하십시오. IPv6 비활성화 Microsoft 지원 및 복구 도우미 실행 수리 Office 응용 프로그램 Outlook 계정 추가 필요

Java 배열에 요소를 추가하는 일반적인 방법 Java 배열에 요소를 추가하는 일반적인 방법 Feb 21, 2024 am 11:21 AM

Java 배열에 요소를 추가하는 일반적인 방법에는 특정 코드 예제가 필요합니다. Java에서 배열은 동일한 유형의 여러 요소를 저장할 수 있는 공통 데이터 구조입니다. 실제 개발에서는 배열에 새 요소를 추가해야 하는 경우가 많습니다. 이 기사에서는 Java에서 배열에 요소를 추가하는 일반적인 방법을 소개하고 특정 코드 예제를 제공합니다. 루프를 사용하여 새 배열을 만드는 간단한 방법은 새 배열을 만들고 이전 배열의 요소를 새 배열에 복사한 다음 새 요소를 추가하는 것입니다. 코드 예시는 다음과 같습니다: //원래 배열 i

See all articles