JQuery - Найти .attr последнего ребенка-элемент

Question

Я пытаюсь получить с помощью JQuery .attr("msg_g") из последнего дочернего элемента

<div id="append"> 
    <div class="h" msg_g="1">A</div> 
    <div class="y" msg_g="2">B</div> 
    <div class="h" msg_g="3">C</div> 
</div> 

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

var msg_g = $("#append div:last-child").attr("msg_g"); 
console.log(msg_g); 

Я использую скрипт ниже для проверки, если последний ребенок «hasClass» и работает отлично, почему не работает на .attr()

Пример .hasClass()

if($("#append div:last-child").hasClass("y")){ 
    var last_msg_class="by_you"; 
}else if($("#append div:last-child").hasClass("h")){ 
    var last_msg_class="by_friend"; 
} 

Answer 1

Вместо добавления msg_g атрибута, попытайтесь использовать атрибут data-*.

Измените HTML как: -

<div id="append"> 
<div class="h" data-msg_g="1">A</div> 
<div class="y" data-msg_g="2">B</div> 
<div class="h" data-msg_g="3">C</div> 
</div> 

и попробовать это в Jquery: -

var msg_g = $("#append > div:last").data("msg_g"); 

и убедитесь, что вы Jquery код внутри document.ready блока.

Answer 2

Убедитесь, что ваш код работает после того, как дом готов. Если ваш скрипт выполняется перед рендерингом элементов, проблемы будут возникать.

$(document).ready(function() { 
    $("#append > div:last").attr("msg_g"); 
}); 

Answer 3

Я проверил его и его работу. Убедитесь, что ваш код выполняется, когда элемент DOM готов.

$(document).ready(function() { 
    var msg_g = $("#append div:last-child").attr("msg_g"); 
    alert(msg_g); 
}); 

Проверьте это: http://jsfiddle.net/ytj8z0j7/