XML에서받은 요소에 태그 추가하기

Question

현재 사용하고있는 메소드가 [object HTMLHeadingElement] 오류를 내고 이제 완전히 엉망입니다. 나는 나의 XML 파일에서받은 요소에 HTML 태그를 추가 할

여기

내 코드는 지금까지

$.ajax({ 
url:'xml/feed.xml', 
dataType: 'xml', 
success: function(data) { 
    $(data).find('channel item').each(function() { 
     var title = $(this).find('title').html(); 
     var link = $(this).find('link').text(); 
     var description = $(this).find('description').text(); 
     var pubdate = $(this).find('pubdate').text(); 
     var guid = $(this).find('guid').text(); 

     var h1Title = document.createElement('h4'); 
     var linktext = document.createTextNode(title); 
     h1Title.appendChild(linktext); 

     $('.timeline ul').append(
      $('<li />', { 

       text: h1Title 

      }).addClass('myBox') 
     ); 
    }); 
}, 
error: function() { 
    $('.timeline').text('Failed to get the feed'); 
} 

});

Answer 1

당신은 DOM 요소를 생성하고 효율적으로 문자열로 DOM 노드를 변환, 텍스트로 설정하고, H* 요소의 문자열 표현은 아마 뭔가를하고 싶었다 [object HTMLHeadingElement]

var h1Title = document.createElement('h4'); 

$('<li />', { 
    text: h1Title // you can't set a DOM node as text 
}) 

이다있어 more

var h1Title = $('<h4>', {text : title}); 

$('.timeline ul').append(
    $('<li />').append(h1Title) 
}).addClass('myBox')