자바 스크립트 클래스 : 요소 생성 및 삭제

Question

자바 스크립트 클래스를 처음 사용하거나 클래스를 실제로 지원하지 않습니다.

어쨌든 DOM 요소를 만들고 파괴 할 수있는 함수를 만들고 싶습니다. 나는 요소를 만드는 것이 좋지만 그것들을 파괴하는 것은 조금 더 까다 롭습니다.

어떻게 ID를 제공하지 않고도 destroy를 호출 할 수 있습니까?

http://api.jquery.com/category/manipulation/

당신은 g :

이

function WorkZone() { 
    this.create = function(id) { 
     this.div = $('<div>', { 
      id: id, 
      class: 'work-zone' 
     }); 
     this.div.appendTo('body'); 
    } 

    this.destroy = function(id) { 
     this.div.remove(); 
    } 
} 

Answer 1

사용 jQuery를 대신 사용자 지정 코드를 만드는이 작업을 수행하려면 :

var WorkZone = { 
    wz: null, 
    create: function(id) { 
     this.wz = $('<div>', { 
      id: id, 
      class: 'work-zone' 
     }).appendTo('body'); 
    }, 

    destroy: function() { 
     this.wz.remove(); 
    } 
} 

$(function() { 
    var zone = WorkZone; 
    zone.create('new_id'); 
    zone.destroy(); 
}); 

Answer 2

이 시도 완전한 브라우저 지원과 최적의 코드, 다양한 종류의 선택기로 이러한 종류의 DOM 조작을 수행 할 수 있습니다.

Answer 3

과 같이 :

function WorkZone() { 
    this.create = function(id) { 
     $('<div>', { 
      id: id, 
      class: 'work-zone' 
     }).appendTo('body'); 
    } 

    this.destroy = function(id) { 
     $(id).remove(); 
    } 
} 

$(function() { 
    var zone = new WorkZone(); 
    zone.create(); 
    zone.destroy(); 
}); 

Answer 4

function WorkZone(id) { 
    this.create = function() { 
     $('<div>', { 
      id: id, 
      class: 'work-zone' 
     }).appendTo('body'); 
    } 

    this.destroy = function() { 
     $('#'+id).remove(); 
    } 
} 

$(function() { 
    var zone = new WorkZone("ohyeababy"); 
    zone.create(); 
    zone.destroy(); 
}); 

이 최종 목표를 달성 할 수있는 최적의 방법은 아니지만, 코드에서 중복에 대한 즉각적인 수정입니다. :)

Answer 5

개체의 속성으로 요소에 대한 참조 만 유지하면됩니다. destroy 메소드는 요소에 대한 참조를 직접 가지므로 id가 필요하지 않습니다. 당신이 ID없이 파괴되는 것보다

function WorkZone() { 
    this.element; 
} 

WorkZone.prototype = { 
    create: function(id) { 
    this.element = $(..)...// create element, add to document 
    }, 
    destroy: function() { 
    this.element.remove(); 
    } 
} 

var zone = new WorkZone(); 
zone.create(id); 
zone.destroy();