如何獲取元素的標題屬性並將其插入到元素后使用jQuery？

Question

我有一個包含這樣的列表元素的列表...

<li class="first leaf">
  <a href="/admin/store/orders/view" title="View and process the orders.">View orders</a>
</li>

我想采用title屬性並將其作為div附加到<a>之后，就像這樣...

<li class="first leaf">
  <a href="/admin/store/orders/view" title="View and process the orders.">View orders</a>
  <div>View and process the orders.</div>
</li>

到目前為止，我在這里...

(function ($) {    
  $('#block-menu-menu-admin-welcome li a').each(function () {
    $(this).append('<div>' + $(this).attr('title') + '</div>');
  });
})(jQuery);

但這不起作用。 有人可以幫忙嗎？

Answer 1

jQuery .append()將html插入選定的元素，但是您需要在選定的元素之后插入html。 使用.after()代替。

$('#block-menu-menu-admin-welcome li a').each(function () {
    $(this).after('<div>' + $(this).attr('title') + '</div>');
});

 $('a').each(function(){ $(this).after('<div>' + this.title + '</div>'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li class="first leaf"> <a href="/admin/store/orders/view" title="View and process the orders.">View orders</a> </li> </ul> 

Answer 2

您在循環中的第一個this是對錨的引用。 您必須將其梳理到其父元素，然后追加到其父元素。

$(this).parent().append('<div>' + $(this).attr('title') + '</div>');

Answer 3

這是給您的工作之地 。

$(function(){

     $('.first').append($('.first a').attr('title'));

});