在特定元素之后查找Div

Question

我能够用.class文本获取元素中的所有HTML。这个很好用。然后，我需要在下面的Div中获取html，它没有id或类。

示例

<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()

普通同胞选择器 普通同胞组合器(~)分离两个选择器，只有在第一个元素后面(虽然不一定是立即)的情况下才匹配第二个元素，它们都是同一个父元素的子元素。

示例：

​

console.log($('body').find('.textimage-text').html());
console.log($('body').find('.textimage-text ~ div').html());

console.log($('.textimage-text').html());
console.log($('.textimage-text ~ div').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="textimage-text">
  <p>Some Text goes here</p>
</div>
<br>
<div>
  <p>Some additional Text goes here</p>
</div>

​

Answer 2

在下一个函数中添加一个额外的.next()并删除"div"参数，目前您正在选择br

var more= $(html).find(".textimage-text").next().next().html()