получение дочернего текста из div в цикле .each

Question

это всего лишь пара строк кода, которые у меня есть на моей странице.Я использую JQuery UI перетаскивания.Это два из многих пунктов

, когда нажата сохраненная кнопка. Мне нужно получить все идентификаторы и текст в имени группы. Div

Эта функция получает идентификатор в порядке, но я не могувыяснить, как получить $ ('имя_группы'). text () из текущего LI в каждом цикле.

   function saveChanges(){
        $("li.ui-state-default").each(function() {
            var $divitem = $( this );
            console.log($divitem.attr('id'));
        });
    }

это фрагмент HTML

<li id="5" class="ui-state-default">
<div class="group_name">Classes</div>
<div class="group_footer">
      <a title="Delete this group" class="mytrash-icon" href="#">
         <img border="0" src="trash.png" class="mytrash-img"></a>
      <a title="Manage Subfolders" class="subfolder" href="#">   
         <img border="0" src="Folder-Icon.png"></a>
    </div>
</li>
<li id="6" class="ui-state-default">
<div class="group_name">Coaching</div>
<div class="group_footer">
        <a title="Delete this group" class="mytrash-icon" href="#">
          <img border="0" src="trash.png" class="mytrash-img"></a>
        <a title="Manage Subfolders" class="subfolder" href="#">
          <img border="0" src="Folder-Icon.png"></a>
    </div>
</li>

Спасибо за любую помощь!

Answer 1

$("li.ui-state-default").each(function() {
    var $divitem = $(this);
    console.log($divitem.find(".group_name").text());
});​

Answer 2

Одним из способов будет использование .find ()

$("li.ui-state-default").each(function() {
    var $divitem = $(this);
    console.log($divitem.find(".group_name").text());
});​

Еще бы использовать .children ()

$("li.ui-state-default").each(function() {
    var $divitem = $(this);
    console.log($divitem.children(".group_name").text());
});​

Но тот, который мне нравится, тоже не

$("li.ui-state-default").each(function() {
    var $divitem = $(this);
    console.log($(".group_name", $divitem).text());
});

1010 *

Answer 3

$divitem.find(".group_name").text();