简单易懂—如何获取元素内容及img里的src

HTML结构

<div class="className">
  <p><img src="test.jpg"></img></p>
  <p><img src="test.jpg"></img></p>
</div>

javaScript内容

// div元素
const divDom = document.querySelectorAll('.className')

// p元素个数
const divDomLength = $(divDom[0]).children().length

for(let i = 0; i < divDomLength; i++){
  // 每个p元素
  const child = $(divDom[0]).children()[i]

  // p元素中的内容
  console.log($(child).text())

  // img元素个数
  const len = $(child).children().length

    // 每个img元素
    for(let j = 0; j < len; j++){
      const childImg = $(child).children()[j]

      // 每个img元素里的src
      console.log($(childImg).attr('src'))
    }
}