Home/ Questions/Q 9229373
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T05:33:19+00:00

I have an iframe with a nested unordered list inside. I want to find

  • 0

I have an iframe with a nested unordered list inside. I want to find the nested ul that has a class of ‘expanded’ and change it to ‘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>

I have tried many things, but have not quite gotten it right.

Here is a sample of what I’m trying to get:

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

Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    hasClass returns a boolean value, it doesn’t filter the elements, you can use class selector instead.

    $('#Catalog')
          .contents()
          .find('ul.expanded')
          .removeClass('expanded')
          .addClass('collapsed');
    • 0