2009-07-03 3 views
0

내 링크에 기술적 인 div를 추가하려고합니다. div는 title 속성에서 정보를 가져와야합니다.설명 div to my links

제목 속성을 가져올 수 있지만 div .omschrijving에 전달하는 방법은 무엇입니까?

$("#sidebar li ").append("<div class='omschrijving'></div>"); 
$("#sidebar li a").each(function(){ 
    var hoverText = $(this).attr("title"); 
    $(this).text(hoverText); 
}); 

감사합니다.

+1

확인해보세요. 이것이 효과가 있습니까? http://meyerweb.com/eric/css/edge/popups/demo.html (이 데모는 순수한 CSS로 수행됩니다. 자바 스크립트로 시도 할 수있는 방법이 있지만 처음에는 확실하게하고 싶었습니다. 이것이 당신이 쫓아 온 것입니다.) – Stobor

답변

1

나는 부모 li을 잡고 방금 추가 한 div을 찾고 텍스트를 설정합니다.

$("#sidebar li ").append("<div class='omschrijving'></div>"); 
$("#sidebar li a").each(function(){ 
    var hoverText = $(this).attr("title"); 
    $(this).closest('li').find('div.omschirjving').text(hoverText); 
}); 

이러한 방법을 하나의 방법으로 결합하는 것도 좋습니다.

$('#sidebar li').each(function() { 
    var title = $(this).find('a').attr('title'); 
    $("<div class='omschrijving'>" + title + "</div>").appendTo(this); 
});