Javascript 从div中获取数据

我的结构如下：

<div id="main">
  <div id="myDiv1">
    <ul>
      <li>Abc</li>
      <li>Def</li>
    </ul>
  </div>
  <div id="myDiv2">
    <ul>
      <li>Ghi</li>
      <li>Jkl</li>
    </ul>
  </div>
</div>

这是我的方法：

$("#main").each(function() {
  $("div").each(function() {
    console.log(this.id)
  });
  $("ul").each(function() {
    console.log(this)
  });
});

它给了我这个：

main
myDiv1
myDiv2
<ul>​<li>​Abc​</li>​<li>​Def​</li>​</ul>​
<ul>​<li>​Ghi​</li>​<li>​Jkl​</li>​</ul>​

main
myDiv1
myDiv2
​<李>​Abc​​<李>​Def​​
​
​<李>​Ghi​​<李>​Jkl​​
​

.

你可以这样做

$（'#main div'）。每个（函数（）{
console.log（$（this.attr（'id'））；
$（this）.find（'li'）.each（function（）{
console.log（$（this.text（））；
});
});

在div#main下的子DOM树上按顺序遍历，运行深度优先搜索

Nick Zakas有一篇关于如何用Javascript编写此函数的精彩文章：

$（“div”）.each（function（）{
If（$（this.attr（“id”）.indexOf（“myDiv”）<0）
{
返回；
}
console.log（this.id）
});

您能解释一下您建议的解决方案是什么吗。

main
myDiv1
myDiv2
<ul>​<li>​Abc​</li>​<li>​Def​</li>​</ul>​
<ul>​<li>​Ghi​</li>​<li>​Jkl​</li>​</ul>​

$("div").each(function() {
    If($(this).attr("id").indexOf("myDiv") < 0)
    {
        return;
    }
    console.log(this.id)
});