无法创建合适的选择器来抓取名称

Question

如何从下面的元素中获取“跟随”类别下的所有名称。名称的排列方式对我来说有点陌生，这就是为什么我无法获得所有这些名称的原因。我已经使用了一个能够抓住第一个选择器的选择器。但是，我希望所有名称都在“后面跟着”标题下，直到“edited_into”标题。提前致谢。

这里的元素在其中所需要的名字是一个链接： https://www.dropbox.com/s/nzmvfc75szlgyyn/elements%20for%20expression.txt?dl=0

的选择我已经试过：

a#followed_by+h4.li_group+div.odd a 

我有，结果只有第一个名字：

Star Trek V: The Final Frontier 

顺便说一句，我唯一的意图是解析名称使用此选择器不风格。

Answer 1

您拥有的选择器几乎是正确的。

a#followed_by+h4.li_group ~ div.soda a 

的~作品不同，以在其将选择选择器的第一部分之后的任何匹配元件的+，而+将仅选择紧接在选择器的第一部分以下元件。 当然，“第一部分”我指的是a#followed_by+h4.li_group。

我也改变了选择器找到div.soda而不是div.odd，所以你得到所有相关的元素，而不是只是奇数。

---

因为这样的CSS选择器的工作，我们不能问“仅元素，直到edited_into”。但是，我们可以使用JavaScript解决此问题。

简单的for循环与条件break将是最简单的方法。

var titles = []; 
var items = document.querySelectorAll('a#followed_by+h4.li_group ~ div.soda a'); 
//firstEditedIntoItem represents the first element in 
//the `edited_into` section. If it's null, then there 
//is none, and we have nothing to worry about. 
var firstEditedIntoItem = 
    document.querySelector 
    ('a#edited_into+h4.li_group+div.soda a, a#spin_off_from+h4.li_group+div.soda a'); 
    // Note: This selector will find the first instance that matches any of the 
    // specified sections. You could add another and replace `spin_off_from` with 
    // another section id. 
for(var i=0; i<items.length; i++) { 
    var it = items[i]; 
    //don't accept elements after 'edited_into' 
    // If firstEditedIntoItem is null, it will not match either. 
    if(it==firstEditedIntoItem) break; 
    titles.push(it.textContent); 
} 
console.info(titles.join('\n'));