jQuery, 내용을 잃지 않고 요소의 일부만 추가하십시오 (가능하면 복제 가능)

Question

나는 웹 개발 능력에 지나치게 자신이 없다고 말하고 싶습니다. ,하지만 어쨌든 여기에갑니다.

나는 내용이 무엇인지 알지 못하기 때문에 요소의 작은 부분 (링크를 여는 위치의 대상)을 .append 할 수 있기를 바랍니다.

데모 용으로 아래에서 검색 요청에서 얻은 결과를 모두 추가합니다. 링크 중 하나에 사용자가 클릭이의 목표는 웹 페이지 내에서 새 탭 될 때 더욱 이러한 결과를 추가하는 것입니다 수 있도록하고 싶습니다 무엇

$("#results").append("<div><a href='http://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "'>" + item.title + "</a> : " + item.snippet + "</div>");

첫 번째 .append (또한 jQuery와 함께 달성) 때 존재하지 않습니다

나는 div의 내용을 얻으려고 .clone을 사용하려고 할 수 있다고 생각했지만 결국 html을 제거합니다. 그냥 링크) 다음 다른 입력으로 이것을 사용하십시오. 추가

나는 이것을 잘못된 방향으로 가고 있습니까? 사용자가 링크를 클릭 할 때 HTML을 변경하려고하면 문제가 발생할 것입니다.

모든 조언을 크게 높이세요!

감사합니다.

Answer 1

div 요소를 복제해야하는지 잘 모르겠습니다. 당신은 링크를 클릭 핸들러를 부착하여 당신이 원하는 것을 달성 할 수있을 것 : 난 당신이 여기에 무엇을하려고 놓친

$('#results').append('div>[ your code from above ]</div>') 
    .find('a') 
    .bind('click', function(e) { 
     e.preventDefault(); 

     var a = $(this); 
     var url = a.attr('href'); // here is the url 

     // call some other function  
}); 

나의 사과합니다. 그러나 이것이 당신을 돕기를 바랍니다.