Jquery 从.each循环中的div获取子文本

这只是我页面中的几行代码。 我正在使用jQueryUI拖放。这是许多项目中的两项

当按下saved按钮时，我需要获取group_name div中的所有ID和文本

此函数可以获取ID，但我不知道如何从每个循环中的当前LI获取$'group\U name'。文本

   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>

---

谢谢你的帮助

一种方法是使用。查找

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

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

另一个是使用。儿童

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

但我喜欢的那个既不是 ​

在循环中添加$this.find'.group_name'.text。也许，添加一个新的属性data groupname=The_文本，然后得到如下$divitem.data'groupname'

$("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());
});