взять текст из атрибута title и добавить его в div в jquery

Question

В основном я пытаюсь получить текст из атрибута title в ссылке и показать его в виде парагафа в другом элементе div, когда пользователь наводит курсор на элемент, а затем скрывать его, когда пользователь уходит. пока что у меня есть

(function($) {
    $.fn.showText = function() {
        $(this).hover(
            function() {
                $(this)
                    .data('title', $(this).attr('title'))
                    .removeAttr('title')
        .appendTo(".itemDecription p");
            }, 
            function() {
                $(this).attr('title', $("this").data('title'));
            }
        );
    }
})(jQuery);

//call the plugin
$(function(){
$('.wrapper ul li a').showText();

}); 

Я получил код откуда-то еще на stackoverflow, но я просто не могу заставить его работать, и помощь будет очень ценной.

Answer 1

Я не уверен насчет материала data и почему вы хотите удалить атрибут title из элемента (я не вижу причин для этого), но вы, вероятно, хотите:

(function($) {
    $.fn.showText = function() {
        this.each(function() {
            $(this).hover(
               function() {        
                   $(".itemDecription p").text($(this).attr('title'));
                   $(this).data('title', $(this).attr('title')).removeAttr('title');
               }, 
               function() {
                   $(".itemDecription p").empty();
                   $(this).attr('title', $(this).data('title'));
               }
            );
        });
        return this;
    }
})(jQuery);

Важно, чтобы вы использовали each(), потому что селектор может выбрать несколько a элементов (возможно, это причина, по которой он не работает).

Так же Как разработать плагин jQuery

Answer 2

.appendTo("itemDecription p"); // error here... it's either '.itemDecription p' or '#itemDecription p'

редактировать

Я изменил ваши коды ... пожалуйста, посмотрите ...