如何使用with jquery交替显示父级和子级？

我有父母和孩子的名单

Title1
 child1
 child2
 child3
Title2
 child1
 child2
 child3

我想像这样打印父对象和子对象

title1_child1
title1_child2
title1_child3
title2_child1
title2_child2
title3_child2

提前谢谢

var string="";
$(".title childTag").each(function(){
  string += $(this).closest(".title").html() + "_" + $(this).html();
})

---

类似这样的东西

假设你有下面的布局，你可以试试这个

<ul>
  <li><span>Title1</span>
     <ul>
        <li>Child1</li>
        <li>Child2</li>
        <li>Child3</li>
     </ul>
  </li>
  <li><span>Title1</span>
     <ul>
        <li>Child1</li>
        <li>Child2</li>
        <li>Child3</li>
     </ul>
  </li>
</ul>
<div class="output"></div>

$(function(){
  var parent, str = "", $this;
  $("ul:first li").each(function(){
    $this = $(this);
    parent = $this.find("span").text();
    str = "";
    $this.find("li").each(function(){
      str = str + parent + "_" + $(this).text() + "<br />";
    });
    $(".output").html(str);
  });
});

标题1

孩子1
孩子2
孩子3


标题1

孩子1
孩子2
孩子3



$（函数（）{
var parent，str=“”，$this；
$（“ul:first li”）。每个（函数（）{
$this=$（this）；
父项=$this.find（“span”）.text（）；
str=“”；
$this.find（“li”）.each（function（）{
str=str+parent+“”+$（this）.text（）+”
”；
});
$（“.output”）.html（str）；
});
});

那么，在您的列表中，父母和孩子的区别是什么呢？@Petar我猜是缩进。