Seleccionar elementos HTML dentro de otro con jQuery

publicado por: Anonymous

Digamos que tengo una función definida en JQuery, la escribo de forma simplificada:

miFunc = function(elem) {
    ...
}

elem es un elemento HTML. Podría ser un elemento pasado al realizar la llamada por algún evento de ratón. Por ejemplo, un elemento div con el atributo onmouseover, como en el siguiente código.

<div class"unaClase" onmouseover="miFunc(this);">
    <span class="otraClase"> ... </span>
</div>

Teniendo elem, ¿cómo podría acceder a los elementos que tengan la clase otraClase y estén dentro de elem? Por ejemplo, para el código mostrado, seleccionar el elemento span para modificar su contenido.

Evidentemente busco algo dinámico y estos ejemplos son casos concretos. Los elementos podrían no ser span y podría haber varios (o incluso no haber ninguno).

solución

Si sabes que elem es un elemento HTML, decóralo con $() y filtra desde él:

miFunc = function(elem) {
    var otraClaseElems = $(elem).find(".otraClase");
}
Respondido por: user227

Leave a Reply

Your email address will not be published. Required fields are marked *