首页 > 解决方案 > 仅在 div 元素内执行 jquery

问题描述

我正在使用控制台执行 jquery 命令,但我想在 div 元素而不是整个页面中执行它,我该怎么做?

div 元素是 = 到

 <div class="content">
 </div>

然后在那个div里面我想通过控制台执行

 $('#').show();

标签: javascriptjquery

解决方案


您可以像这样选择另一个元素中的元素: $('outerElementSelector innerElementSelector'),或者这样: $('outerElementSelector').find('innerElementSelector'),或者这样: $('innerElementSelector ', outerElement or 'outerElementSelector')

例如,如果你想选择位于 div 内的类为“someelement”的元素,该类为“content”,则可以使用下面列出的任何选择器

<div class='content'>
    <div class='someelement'></div>
</div>
<div class='someelement'></div>
  • 1.

    $('.content .someelement')
    
  • 2.

    $('.content').find('.someelement')
    
  • 3.

    $('.someelement', '.content')
    
  • 4.

    var outerEl = $('.content')
    $('.someelement', outerEl)
    

推荐阅读