Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Javascript jQuery-通过父级按类获取元素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery-通过父级按类获取元素

Javascript jQuery-通过父级按类获取元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包装div,里面有一个按钮和一个隐藏div。按下按钮时,div将显示出来。我不想使用ID,因为这个结构在网页上出现了好几次。正确的jquery命令是什么 HTML jQuery $(".wrapp").on('click', '.button', function(){ $(this).parent('.moreInfos').css('display', 'block'); }); 尝试使用: 小提琴:尝试使用: 小提琴手:你非常接近。使用parent().fin

我有一个包装div,里面有一个按钮和一个隐藏div。按下按钮时,div将显示出来。我不想使用ID,因为这个结构在网页上出现了好几次。正确的jquery命令是什么

HTML

jQuery

    $(".wrapp").on('click', '.button', function(){

    $(this).parent('.moreInfos').css('display', 'block');
});
尝试使用:

小提琴:

尝试使用:


小提琴手:

你非常接近。使用
parent().find()

另外,您还有一个类型
$(“.wrapp”)额外的“p”。。只需
$(“.wrap”)`

这里还有一个输入错误:不是
diplay
,它的
显示


你非常接近。使用
parent().find()

另外,您还有一个类型
$(“.wrapp”)额外的“p”。。只需
$(“.wrap”)`

这里还有一个输入错误:不是
diplay
,它的
显示


如果单击事件绑定到按钮:

$(this).parent().find(".moreInfos").show();
如果单击事件绑定到包装div:

$(this).find(".moreInfos").show();

如果单击事件已绑定到按钮,则使用FIDLE

$(this).parent().find(".moreInfos").show();
如果单击事件绑定到包装div:

$(this).find(".moreInfos").show();

FIDDLE

.wrapp
打字错误吗?在HTML中只有
.wrap
。您的打字错误为
diplay
。。其
显示
。。我的答案也更新了。
.wrapp
是打字错误吗?在HTML中只有
.wrap
。您的打字错误为
diplay
。。其
显示
。。在我的回答中也更新了。这将不起作用,因为
是按钮,而不是包装器。这将不起作用,因为
是按钮,而不是包装器。
$(this).parent().find(".moreInfos").show();
$(this).find(".moreInfos").show();