1

我有一个 iframe，里面有一个嵌套的无序列表。我想找到具有“扩展”类的嵌套 ul 并将其更改为“折叠”。

<iframe id='Catalog'>
  <html>
    <body>
      <ul id='items'>
        <li><ul></ul></li>
        <li><ul class='expanded'></ul></li>
        <li><ul></ul></li>
      </ul>
    </body>
  </html>
</iframe>

我尝试了很多事情，但还没有完全正确。

这是我想要获得的示例：

$('iframe#Catalog')
            .contents()
            .find('ul#items li ul')
            .hasClass('expanded')
            .removeClass('expanded')
            .addClass('collapsed');

提前致谢！

4

2 回答 2

1

hasClass返回一个布尔值，它不过滤元素，您可以使用类选择器。

$('#Catalog')
          .contents()
          .find('ul.expanded')
          .removeClass('expanded')
          .addClass('collapsed');
于 2013-02-04T16:41:45.053 回答
0

您的 jQuery 代码是在 iframe 中还是在 iframe 之外？如果您的代码在 iframe 之外，在容器页面上，出于安全原因，我认为您无法访问 iframe 内的 html。如果您将代码（如果可能的话）移动到 iframe 内容，那么它应该可以工作。

于 2013-02-04T16:42:44.027 回答