JQuery .parent(). Attr() return undefined

Question

Я пытаюсь получить значение атрибута родителя и отображать его как текст внутри дочернего div. Он возвращается как неопределенный.

Мой HTML:

<div class="info" data-info="whatever I want displayed" ></div> 

Мой JQuery:

$(function(){ 
    var $info = $(this).parent().attr("data-info"); 
    $('.info').prepend($('<div class="new-info" >' + $info + '</div>')); 
});` 

Мой желаемый результат:

<div class="info" data-info="whatever I want displayed" > 
    <div class="new-info" >whatever I want displayed</div> 
</div> 

Answer 1

Там нет родителя. И $(this) в первой строке не относится к информационному элементу. Сначала необходимо выбрать элемент .info, а затем добавить пример:

$(function(){ 
    // and if you already use html5 data attribute 
    // you can just select it value by using .data() 
    var 
    $info = $('.info'), 
    dataInfo = $info.data("info"); 

    $info.prepend('<div class="new-info" >' + dataInfo + '</div>'); 
});