¿Cómo selecciono un elemento con clase dentro de un DIV en JQuery?

Tengo el siguiente HTML:

Quiero poder usar un selector que seleccione el div interno, pero específico para el contenedor “mydiv”. ¿Cómo puedo lograr esto con JQuery?

Tratar:

 $('#mydiv').find('.myclass'); 

Demostración de JS Fiddle .

O:

 $('.myclass','#mydiv'); 

Demostración de JS Fiddle .

O:

 $('#mydiv .myclass'); 

Demostración de JS Fiddle .

Referencias:

  • find() .
  • Selector de contexto .

Prueba esto

 $("#mydiv div.myclass") 

Lo harás de la misma manera que aplicarías un selector css. Por ejemplo puedes hacer

 $("#mydiv > .myclass") 

o

 $("#mydiv .myclass") 

El último coincidirá con cada myclass dentro de myDiv, incluido myclass dentro de myclass.

Si desea seleccionar todos los elementos que tienen el atributo de clase “myclass”, use

 $('#mydiv .myclass'); 

Si desea seleccionar solo los elementos div que tienen el atributo de clase “myclass”, use

 $("div#mydiv div.myclass"); 

Encuentre más sobre los selectores jquery refiera estos artículos

intente esto en su lugar $(".video-divs.focused") . Esto funciona si buscas video-divs enfocados.

Más eficiente y más rápido es …

 $('#mydiv').find('.myclass').html('Hello World');