可折叠组件，目标和父级

Question

我正在使用bootstrap-collapse.js作为可折叠组件。

我要做的是通过测试元素本身并遍历DOM树中的祖先来匹配选择器。

以下是html代码的示例：

<button type="button" class="btn btn-danger" 
    data-toggle="collapse" 
    data-target="#child">Collapse</button>

<div id="parent" class="parent">
    <textarea id="child">
        asdads
        asdasdas
    </textarea>
</div>​

正如您所见，我想要.parent而不仅仅是#child折叠 我应该怎么做？ 这是jsfiddle演示：http://jsfiddle.net/Re8Av/10/

P.S。：

data-target =“。parent”不起作用，因为我有很多这些组件。