在特定元素后查找 Div

Question

我可以使用 .class textimage-text 获取元素内的所有 HTML。这很好用。然后我需要获取以下 Div 中的 html，该 Div 没有 id 或 Class。

例子

<div class="textimage-text">
  <p>Some Text goes here</p>
</div>
<br>
<div>
  <p>Some additional Text goes here</p>
</div>

$.get(item.url, function (html) {

  var body = $(html).find(".textimage-text").html(); // <- this works
  var more= $(html).find(".textimage-text").next("div").html(); // <- this does not work

Answer 1

使用通用同级选择器~（例如：~ div查找与其同级的下一个 div）

$(html).find(".textimage-text ~ div").html();

或者

$('.textimage-text ~ div').html()

通用兄弟选择器

通用同级组合器 (~) 分隔两个选择器，并且仅当第二个元素跟在第一个元素之后（尽管不一定紧邻）时才匹配第二个元素，并且两个元素都是同一父元素的子元素。

例子：

$(html).find(".textimage-text ~ div").html();

$('.textimage-text ~ div').html()