jQuery找到最近的父母Div

Question

我正在尝试使用以下方案学习jQuery.为此,我在阅读了多个SO问题后尝试了以下jQuery; 但它不起作用

$(this).closest('.viewLogText').parent().find('.reportLog').css("display", "none");

场景:

div中有三个子div元素,它们具有Css类"repeaterRecord".子div具有css类 - repeaterIdentifier,viewLogTitle和reportLog.

有两个这种结构的div(div有Css类"repeaterRecord").

带有viewLog类的div如下所示.

   <div class="viewLogTitle">
        <div class="viewLogText">
            View Report Log
        </div>
        <div>
            <img alt="Expand" src="Images/PlusIcon.GIF" class="expandLogIcon" />
            <img alt="Collapse" src="Images/MinusIcon.GIF" class="collapseLogIcon" />
        </div>
    </div>

单击collapseLogIcon图像时,我需要隐藏(仅)具有"reportLog"类的最近div(在"viewLogTitle"的同一级别).我们怎样才能使用jQuery呢？

更新的工作示例:

http://jsfiddle.net/Lijo/L9w4F/11/和 http://jsfiddle.net/Lijo/L9w4F/8/和 http://jsfiddle.net/Lijo/L9w4F/12/

参考:

1. 找到下一个匹配的兄弟姐妹的高效,简洁的方法？

2. jquery选择兄弟姐妹'直到'

Answer 1

你可以.siblings()用来找到最近的div.

API在这里