描述div到我的链接

Question

我正在尝试为我的链接添加额外的描述性div。 div应该从li属性中获取它的信息。

我能够获得title属性但是如何将其传递给div .omschrijving？

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

提前谢谢。

Answer 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);
});