Question

我需要一种方法来搜索并获取id =“mydata”和class =“myheader”之后的所有内容

所以：

function findit() {
var str = `<div id="mydata"><div class="myheader"><p>Get all <strong>this</strong> content</p></div></div>`;
console.log(str);

}

所以在这种情况下str需要返回：

<p>Get all <strong>this</strong> content</p>

我该怎么做？

Answer 1

我会将其转换为html并以这种方式获取数据，所以：

function findit() {
  let tmpDiv = document.createElement('div')
  tmpDiv.innerHTML = `<div id="mydata"><div class="myheader"><p>Get all <strong>this</strong> content</p></div></div>`

  let myHeader = tmpDiv.querySelector('#mydata .myheader')
  console.log(myHeader.innerHTML)
}

findit()

Answer 2

将你的html字符串包装在$()中并使用jQuery方法，就像在dom中一样

function findit() {
  var str = `<div id="mydata"><div class="myheader"><p>Get all <strong>this</strong> content</p></div></div>`;
  console.log($(str).filter('#mydata').find('.myheader').html());

}

findit()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

jQuery获取id和class中的所有内容

2 个答案: