Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用类选择第一个div_Jquery_Jquery Selectors - Fatal编程技术网

Jquery 使用类选择第一个div

Jquery 使用类选择第一个div,jquery,jquery-selectors,Jquery,Jquery Selectors,基本上,我有一排链接和一个div,它们位于链接和div下面,内容可以加载到其中 在整个页面中有几个重复的块,所以我只想选择当前链接下面的第一个div,其类为“active” 下面是一把小提琴,它显示了实际的问题。如您所见,我尝试使用:first,但这会选择页面中的第一个,而不是当前链接下面的第一个 $('.active:first')本身将始终匹配文档中的第一个.active 要仅在单击链接后启动:第一次匹配,您可以与兄弟组合器一起使用: $(this).find('~ .active:fir

基本上,我有一排链接和一个div,它们位于链接和div下面,内容可以加载到其中

在整个页面中有几个重复的块,所以我只想选择当前链接下面的第一个div,其类为“active”

下面是一把小提琴,它显示了实际的问题。如您所见,我尝试使用
:first
,但这会选择页面中的第一个,而不是当前链接下面的第一个

$('.active:first')
本身将始终匹配文档中的第一个
.active

要仅在单击链接后启动
:第一次
匹配,您可以与兄弟组合器一起使用:

$(this).find('~ .active:first').html($(content_id).html()).show(500);

或使用:

$('.active:first')
本身将始终匹配文档中的第一个
.active

要仅在单击链接后启动
:第一次
匹配,您可以与兄弟组合器一起使用:

$(this).find('~ .active:first').html($(content_id).html()).show(500);

或使用:

检查此JSFIDLE

检查这个jsfiddle


像这样的东西怎么样:

$(content_id + ' ~ .active:first').html($(content_id).html()).show(500);

像这样的东西怎么样:

$(content_id + ' ~ .active:first').html($(content_id).html()).show(500);
$(content_id + ' ~ .active:first').html($(content_id).html()).show(500);