在嵌套手风琴中访问父手风琴

Question

<li>
  <a class="toggle" href="javascript:void(0);" id="plus">ABC</a>
  <ul class="inner">
    <li>
      <a href="#" class="toggle" id="plus">DEF</a>
      <div class="inner" id="mixedFaVT">
      </div>
    </li>
    <li>

      <a href="#" class="toggle" id="plus">GHI</a>
      <div class="inner" id="mixedFaVA">
      </div>
    </li>
  </ul>
</li>

当 $this = DEF 或 $this = GHI 时如何访问 ABC？问题是，在同一个 HTML 页面中还有另外五组嵌套手风琴。概括这个问题，当 $this 是像 DEF/GHI 这样的任何 'inner' 按钮时，我如何使用 jQuery 访问他们特定的父 ABC？我已经尝试了 .find() 和 .parents()，但它们不起作用。

Answer 1

你可以用parents()的方法遍历$this的父元素直到ul，然后得到它的前一个元素，就是a .

var $this = $('#plus-1');
var parent = $this.parents('ul').prev();

console.log('$this:', $this.text());
console.log('parent:', parent.text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
  <a class="toggle" href="javascript:void(0);" id="plus-0">ABC</a>
  <ul class="inner">
    <li>
      <a href="#" class="toggle" id="plus-1">DEF</a>
      <div class="inner" id="mixedFaVT">
      </div>
    </li>
    <li>

      <a href="#" class="toggle" id="plus-2">GHI</a>
      <div class="inner" id="mixedFaVA">
      </div>
    </li>
  </ul>
</li>

在嵌套手风琴中访问父手风琴

accessing the parent accordion in nested accordion

javascript

jquery

accordion

jquery-ui-accordion