首页 > 解决方案 > 隐藏父 div 时包含?</h1> <div id="body"><p>I have got a div structure that is dynamically generated by it's content. It is looking like this:</p> <pre><code><div class="fpd-list-row fpd-add-layer" id="160996283797</p> </div> <div class="container" id="article"> <div class="page-header"> <h1>javascript - 隐藏父 div 时包含<textarea>?</h1> <div id="body"><p>I have got a div structure that is dynamically generated by it's content. It is looking like this:</p> <pre><code><div class="fpd-list-row fpd-add-layer" id="160996283797</h1> </div> <div class="con"> <h3>问题描述</h3> <p class="author">标签： <span>javascript</span><span>html</span><span>jquery</span><span>css</span><span>hide</span></div> <h3>解决方案</h3> <hr> <div class="con "> <div class="body"> <p>循环遍历所有 div，并用于<code>.find()</code>检查与某个选择器匹配的父元素。</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){ var divs = $("div"); for(var i = 0; i < divs.length; i++){ var current = divs[i]; if($(current).find("textarea").length != 0){ current.style.display='none'; } } });</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="fpd-cell-1"><textarea>My Text</textarea></div> <div class="fpd-cell-2"><span class="fpd-lock-element">fpd-lock-element<span class="fpd-icon-unlocked">fpd-icon-unlocked</span></span></div> <div class="fpd-cell-3"><textarea>My Text</textarea></div></code></pre> </div> </div> <p></p> <p>对于最简洁的解决方案（一个衬里），请使用：</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){ jQuery('textarea').parent().hide(); });</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="fpd-cell-1"><textarea>My Text</textarea></div> <div class="fpd-cell-2"><span class="fpd-lock-element">fpd-lock-element<span class="fpd-icon-unlocked">fpd-icon-unlocked</span></span></div> <div class="fpd-cell-3"><textarea>My Text</textarea></div></code></pre> </div> </div> <p></p> </div> <div class="clear"></div> </div> <hr> <h3>推荐阅读</h3> <ul> <li><a href="/question/60826697.html">python - 从 SQL 记录到 Python 二值化器</a></li><li><a href="/question/60826702.html">java - 如何将外部非模块化 jar 添加到 java 9 模块化应用程序？</a></li><li><a href="/question/60826717.html">android - Android：无法使用 Intent 在 Instagram 上分享照片</a></li><li><a href="/question/60826721.html">dialogflow-es - 如何在对话流中使用 webhook？</a></li><li><a href="/question/60826725.html">regex - 从前两个空格中排除一组字符</a></li><li><a href="/question/60826727.html">html - 为什么样式没有应用于 html 中的文本</a></li><li><a href="/question/60826737.html">php - Symfony 3.4：POST http 方法 Rest 的问题</a></li><li><a href="/question/60826739.html">javascript - laravel 使用 ajax 上传图片</a></li><li><a href="/question/60826742.html">python - 取消分解（取消分组）累积数据帧值</a></li><li><a href="/question/60826744.html">r - R In Shiny how to use input value to make an API call?</a></li> </ul> </div> <footer> <p><a href="/">时间戳在线转换</a></p> </footer> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7145e10314e5e27e886ad54be2aeb067"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body></html>