Question

<div><p class="pagi">page 1 content</p><p class="pagi">page 2 content</p><p class="pagi">page 3 content</p></div>

我有上面的字符串，我必须建立分页，标志是pagi类。我知道怎么做如果上面的html是一个真正的html，但它是字符串，我不能使用jquery .find('pagi')

需要帮助，我被困住了。

Answer 1

Wrap the string using jQuery然后使用find()方法。

var $ele = $(str).find('.pagi');

var str = '<div><p class="pagi">page 1 content</p><p class="pagi">page 2 content</p><p class="pagi">page 3 content</p></div>';

var $ele = $(str).find('.pagi');

console.log($ele.length);
$ele.each(function() {
  console.log($(this).text());
})

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

Answer 2

您可以轻松地将字符串转换为dom并使用querySelector

进行选择

var div = document.createElement('div');
div.innerHTML = '<div><p class="pagi">page 1 content</p><p class="pagi">page 2 content</p><p class="pagi">page 3 content</p></div>'
var pagi =  div.querySelectorAll('.pagi');

拆分字符串并创建分页

2 个答案: