0

我需要在我的 HTML 中找到一个.detailsBox用 jQuery 调用的 div。div 是在循环中输出的所有具有相同类名的一系列 div 之一，当单击链接时将向下滑动。

这是HTML：

<div id="support">
    <h2><a href="#" class="title"><?php echo $growing->title; ?></a></h2>  <!-- Click on this link... -->

    <div class="detailsBox">  <-- ... and this div will slide down from being hidden -->
        <div id="tabs-text">
            <p class="description"><?php echo $growing->description; ?></p>
        </div>

        <div id="learnmore">  
            <a class="sendEmail" target="_blank" id="<?php echo $growing->link;?>" href="<?php echo base_url() . 'channel-partners/tools/' . $growing->link; ?>"><?php echo $growing->link_text; ?></a>      
            <a class="sendEmail" id="<?php echo $growing->link2;?>"  href="<?php echo $growing->link2; ?>"><?php echo $growing->link_text2; ?></a>   
       </div>

    </div>
 </div>

我可以像这样找到父 div： 

var parent = $(this).parent().parent();

但我需要一种方法来找到孩子.detailsBox。我怎么做。我试过这个，但没有奏效：

$(parent + '> div.detailsBox').slideDown();

控制台抱怨这是一个无法识别的表达式，因为我试图组合一个对象和一个字符串。如何使整个东西成为包装在 jQuery 中的选择器？

4

3 回答 3

1

尝试parent.children('.detailsBox').slideDown();

parent()返回一个 jQuery 对象，因此您可以使用该对象的方法。

于 2013-02-27T23:32:54.750 回答
0

您可以在 jquery 中将 parent 作为上下文参数传递，即。

$('div.detailsBox', $(parent)).slideDown();
于 2013-02-27T23:33:14.610 回答
0

只需使用parent.find(".detailsBox"). 但是我总是建议在 jquery 对象前加上 $ 符号，即var $parent = $(...)

于 2013-02-27T23:34:55.497 回答