어떻게 추가 된 요소를 제거 할 수 있습니까?

Question

나는 javascriptissexy.com에서 운동을하고 있는데, 운동은 퀴즈자를 만드는 것입니다. 가변 페이지 값을 기반으로 질문을 표시하려고합니다. 질문은 배열 객체에 저장됩니다. 다음 버튼을 클릭하면 페이지 변수가 1 씩 증가하고 다음 질문이 선택 사항과 함께 표시됩니다.

내가 원하는 것은 다음 버튼 클릭 후 이전에 추가 된 질문과 선택 사항을 제거하는 것입니다. 어떻게하면됩니까?

function createQuiz(crPage) { 
    textNode = Allquestions[indexController].question; 
    switch (crPage) { 
     case 0: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 1: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 2: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 3: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 4: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 5: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 
     case 6: 
      $("legend").append(textNode); 
      appendChoices() 
      break; 

     default: 
      // code 

    } 
} 


function appendChoices() { 
    for (var i = 0; i < Allquestions[indexController].choices.length; i++) { 
      console.log(Allquestions[indexController].choices[i]); 
    } 
} 

Answer 1

jQuery를 사용하고 있는지는 확실하지 않지만, 당신은 여기서 더 많은 정보를 찾을 수 있습니다

$('legend').empty(); 

: 당신처럼 이전에 추가 질문 제거 쉽게 jQuery를 빈() 함수를 수 사용 jQuery API empty() function

Answer 2

를 잘하는 대신 각 시간을 .append() 사용하는을, 당신은 $("legend").children() 이상 .replaceWith()을 사용할 수 있습니다 .

예를 들어 각각의 경우의 코드는 다음과 같이합니다 : 그것은 각각의 경우에 $("legend") 내용을 대체 할

$("legend").children().replaceWith(textNode); 
appendChoices() 
break; 

.

편집 :

또는 가장 좋은 방법은 다음과 같이 .html() 방법을 사용하는 것입니다 :

$("legend").html(textNode); 
appendChoices() 
break; 

참고 : 난 당신이 같은 일을하고있는 것을 볼

각각의 경우 동일한 문을 사용하여 switch 블록의 목적은 무엇입니까?