找到唯一可见的< div>其中包含动态< ul>并返回< ul> id

我有一堆动态标签(div),例如:
<div id="collection">

  <div id="tab-1">
    <ul id="sortable-tab-1">
      <li>
      </li>
    </ul>
  </div>

  <div id="tab-2" class="hidden">
    <ul id="sortable-tab-2">
      <li>
      </li>
    </ul>
  </div>
  .... etc ...
</div>
我正在寻找最好的方法来找出使用jquery可见的哪个标签(div)。由于标签是动态的,我不知道id,但我知道哪个div是隐藏的,因此留下一个可见的div。 我需要以某种方式找到可见div的ul id然后返回ul id。所以我留下了'sortable-tab-1'作为我的结果。 基本上我需要知道选择了哪个选项卡,这样我就可以发布正确的可排序列表。 JavaScript给了我一个头痛! 谁能帮忙。谢谢。     
已邀请:
$('#collection > div:visible > ul').attr('id')
    
理论:我假设你所有隐藏的标签都有“tab-something”作为id属性值和类名中的“hidden”。因此,如果你找到一个没有class =“hidden”的潜在div,那么你可以从中找到任何东西。 码:
  $("div#collection > div[id^=").each(function(index)
  {
    if($(this).hasClass("hidden")==false)
        return $(this).children("ul").attr("id");
  }
警告:如果你有多个带有“隐藏”类的div,那么只会返回div的标签的id ...     

要回复问题请先登录注册