Jquery 在特定元素后查找Div
我能够用.class textimage text获取元素中的所有HTML。这个很好用。然后我需要在下面的Div中获取html,它没有id或类 范例Jquery 在特定元素后查找Div,jquery,element,next,Jquery,Element,Next,我能够用.class textimage text获取元素中的所有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>
<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
这里有一些文字
这里有一些额外的文字
$.get(item.url,函数(html){
var body=$(html).find(“.textimage text”).html();//在下一个函数中添加一个额外的.next()并删除“div”参数,当前您正在选择br
var more= $(html).find(".textimage-text").next().next().html()
使用常规同级选择器~
(例如:~div
查找与此同级的下一个div)
或
一般同级选择器
通用同级组合符(~)分隔两个选择器,仅当第二个元素紧跟第一个元素(但不一定立即)并且两个元素都是同一父元素的子元素时,才匹配第二个元素
例如:
console.log($('body').find('.textimage').html());
log($('body').find('.textimage text~div').html());
log($('.textimage-text').html());
console.log($('.textimage text~div').html());
这里有一些文字
这里有一些额外的文字
我认为它们中的任何一个都不起作用,因为html
是来自$的响应。get
。那么你能告诉我html
的值是多少吗?var body行肯定有效。html
的值是多少?你能告诉我吗?doconsole.log(html);
里面$。get
让我知道吗
$(html).find(".textimage-text ~ div").html();
$('.textimage-text ~ div').html()