如何在jQuery中查找元素并获取该元素之后的元素

Question

我具有以下html结构

Id

我需要找到类<div class="block"> <span> <span class="location">::before</span> <a href="example.com">New York</a> <span> <span> //some other elements </span> //n number of spans </div> 的{​​{1}}在哪里，并获取span元素，尤其是其文本内容，即 New York 。 问题在于类location的跨度可能在第n个跨度中，因此我需要找到它，然后获得锚点。

Answer 1

我相信这是您想要的：

let city = $('span.location').first().next().text()

演示here。

它使用元素查询来查找具有<span>类的location个元素，然后使用.first()将其限制为单个匹配的<span>，然后是.next()遍历下一个兄弟姐妹，然后最后.text()获得元素文本。

Answer 2

兄弟姐妹可能很艰难。这是一个使用相邻选择器的codepen。 Support looks对于常规的CSS选择也可以，但是绝对可以在jQuery元素定位中使用

codepen w/adjacent selector

$('span.location + a').text();