1

ネストされた順序なしリストを含むiframeがあります。'expanded'のクラスを持つネストされたulを見つけて、'collapsed'に変更したいと思います。

<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内のhtmlにアクセスできないと思います。コードを（可能であれば）iframeコンテンツに移動すると、機能するはずです。

于 2013-02-04T16:42:44.027 に答える