javascript - 使用 jQuery 获取 DIV 元素外的文本

Question

我正在尝试访问一个页面并从此页面获取值。

首先，我无权访问此页面，因此我无法对代码进行任何修改，这就是问题所在，因为它看起来编码不正确。

请找到页面(源)的示例(index.html)

我使用 ajax get 方法访问此页面。

<div id="box" style="background-color:#000000; margin:0px;">
    <b>
        <big>
            <span style="color:#00BB77;">Tue, 02-08-2016</span>
        </big>
    </b>
</div>
MobApp iOS.A in C04
<br>
    09:00 am-11:00 am
<br>
<b>
    <big></big>
</b>
<br>
    MobApp Andr .A in C12
<br>
    01:30 pm-03:30 pm
<br>
<b>
    <big></big>
</b>
<br>
<div id="box" style="background-color:#000000; margin:0px;">
    <b>
        <big>
            <span style="color:#00BB77;">Wed, 03-08-2016</span>
        </big>
    </b>
</div>
    Adv. Studio 1.A in C11
<br>
    01:30 pm-03:30 pm
<br>
<b>
    <big></big>
</b>
<br>
<div id="box" style="background-color:#000000; margin:0px;">
    .....etc....

我已经写了一个代码示例来获取跨度(日期)内的值:

$.ajax({
   url: 'http://www.thewebsite.com/index.html',
   type: 'GET',
   success: function(res) {
      var data = $.parseHTML(res);
      $(data).find('#box').each(function() {
          alert($(this).find('span').html());
      });
   }
 });

它有效，我得到:2016 年 2 月 8 日星期二2016 年 3 月 8 日星期三等...

我现在想得到 </div> 之后的内容和 <br> (主题)和(时间)

正如您所见，有时每天可能只有一门或更多门类(class)。

我知道如果所有内容都在适当的 div 元素中会容易得多，但他们很久以前就对网站进行了编码并且他们不会更改它.. 😞

我尝试使用 next() 或 nextSibling.nodeValue() 获取一些值，但没有成功。

因此，在此先感谢您提供提示或解决方案。

干杯

Answer 1

您可以通过以下方式处理 javascript 子节点:

 var children= (document.getElementById("box")).childNodes;
 var i=-1,length=children.length;
 while(++i <  length){
  //chidrent text node will also come
 console.log(children[i]);

 }