从复杂的DOM结构中抓取文字

如何解决从复杂的DOM结构中抓取文字

在DOM中考虑以下层次结构

<div class="bodyCells">
    <div style="foo">
       <div style="foo">
           <div style="foo1"> 'contains the list of text elements I want to scrape' </div>
           <div style="foo2"> 'contains the list of text elements I want to scrape' </div>
       </div>
       <div style="foo">
           <div style="foo3"> 'contains the list of text elements I want to scrape' </div>
           <div style="foo4"> 'contains the list of text elements I want to scrape' </div>
       </div>

通过使用类名bodyCells ，我需要一次从每个div抓取数据（例如，最初从第一个div开始，然后从下一个div等，然后将其存储在 单独的数组中。 如何实现呢？ （使用伪装者）

注意：：我尝试直接使用类名来实现此目的，但是，它在单个数组中提供了所有文本。我需要分别从每个标签中以不同的数组获取数据。

预期输出：

array1=["text present within style="foo1" div tag"] 
array2=["text present within style="foo2" div tag"] 
array3=["text present within style="foo3" div tag"]
array4=["text present within style="foo4" div tag"]

解决方法

如前所述，您可以使用类名在单个数组中获取每个文本。接下来，如果要遍历每个子类，则可以为每个小节创建一个单独的数组。

我在此处创建了一个小提琴-https://jsfiddle.net/32bnoey6/-使用以下示例代码：

$('[data-toggle="tooltip"]').tooltip();