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

标签 javascript jquery html css

我有一个包装 div,里面有一个按钮和一个隐藏的 div。按下按钮时,应显示 div。我不想使用 id,因为该结构在网页上多次出现。什么是正确的 jquery 命令?

js fiddle

HTML

<div class="wrap">

   <div class="button"> see more </div>
   <div class="moreInfos"> Lorem ipsum... </div>

</div>

CSS

.moreInfos{ display: none;}

jQuery

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

    $(this).parent('.moreInfos').css('display', 'block');
});

最佳答案

如果点击事件绑定(bind)到按钮上:

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

如果点击事件绑定(bind)到包装 div:

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

FIDDLE http://jsfiddle.net/BeNdErR/acN6R/8/

关于javascript - jQuery - 通过父级按类获取元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19908230/

相关文章:

javascript - AngularJS - 持续监视集合

python - 如何在 AJAX 请求成功响应中返回文件时打开 PDF 文件

javascript - 是否有基于页面加载内容的 textarea "autofit"高度?

javascript - 通过悬停或单击对象来获取类数组中类元素的位置

html - 网格中的动态列出现透明背景

用于验证文件名的 Javascript 正则表达式

javascript - 在 Javascript 中使用 AES 加密文本,然后在 C# WCF 服务中解密

javascript - 在 VSCode 中导出函数时 : "Individual declarations must be all exported or all local"

jquery - TypeScript 与 Jquery

带有超时的 jQuery getJSON