javascript - 使用 js/jquery 将 html 提取到包装 div 中的两个字符串(在 br 标签上分割)

Question

我的网站中的某些页面重复了以下简单的 html block :

<div class="aClass">
<p>first part<br />the remainder of the content</p>
<p>another paragraph><img src="anImage.jpg"/></p>
</div>

我想要做的是每当在我的代码中找到带有 aClass 的 div 时捕获并创建两个字符串。我希望每次出现的两个字符串包含...

1) 从第一个段落开始标记之后到第一个中断的所有内容2) 第一个中断之后和最后一个段落标记之前的所有内容。这可能包括各种 html、多个段落、项目符号列表等。

有人有可靠且健壮的代码可以做到这一点吗？

Answer 1

paragraph = []; 

初始化数组来存储段落内容

$('.aClass p').each(function(){ 

使用 jQuery 选择属于“aClass”类元素的后代的段落元素

paragraphs.push( $(this).html().split('<br />') );

获取最后一行中选择的每个段落并将其拆分为 <br /> html 标签并将其插入段落数组末尾的新位置

});

结束 jQuery.each 函数

paragraphs = [];
$('.aClass p').each(function(){
    paragraphs.push( $(this).html().split('<br />') );
});