解析此网站的正确方法是什么？

Question

场景：

我有一个学校的网站，我正在尝试获取可用的时间表信息。 他们有一个可用于所有类的工具，这是一种PHP形式，在选择您的课程后发送帖子信息：

https://campus.concordia.ca/psc/pscsprd/EMPLOYEE/HRMS/c/CU_EXT.CU_CLASS_SEARCH.GBL

对于一个小样本，我会选择：

1. 期限： 2016年秋季
2. 课程职业：本科
3. 选择主题： CIVI

我对Javascript / jQuery很新，所以我不确定我有哪些可用的选项。 网站的布局也很难导航......

我试过的东西：

var elems = document.body.getElementsByTagName("span");
for (var i =0 ; i <elems.length;i++){
console.log(elems[i]);
}

我最初的尝试是识别元素结构并隔离文本，不幸的是它提供了太多的东西。

然而，我注意到，元素模式遵循的命名约定，然后我复制粘贴jQuery库到控制台，并做了：

//for the details of the courses
var tempArray =  $('[id^="MTG_"]').map(function() { return this.innerText}).get().join();

//for the name of the courses
$('[id^="SSR_CLSRSLT_WRK_GROUPBOX2"]').map(function() {return this.title}).get().join();

TL; DR问题：

课程名称和所有细节不是通过数字顺序关系链接在一起的。 相反，信息被划分为ID下的大规模表格：

$('[id^="ACE_SSR_CLSRSLT_WRK_GROUPBOX2"]')其中也包含课程名称。 然后在很多td / tr之后它就有了课程的细节。

有没有办法连续两次使用选择器来隔离需要的东西？ 例如，像这样：

//I know this doesn't work but something like this would be nice

$('[id^="ACE_SSR_CLSRSLT_WRK_GROUPBOX2"]'). $('[id^="MTG_"]').map(function() { return this.innerText}).get().join();

或者，还有更好的方法？

Answer 1

你可以像这样使用jquery find()方法：

$('[id^="ACE_SSR_CLSRSLT_WRK_GROUPBOX2"]').find('[id^="MTG_"]').map(function() {
    return this.innerText
}).get().join();

这将找到'MTG_'元素，它们是'ACE_SSR_CLSRSLT_WRK_GROUPBOX2'的子元素（直接子节点和进一步向下节拍）。