En Vanilla JavaScript, una forma de seleccionar un elemento del DOM es:
let element = document.querySelector('[css selector]');Luego puede usar este elemento para seleccionar elementos dentro de este elemento, lo que se puede hacer así:
element.querySelector('[other css selector]');Intenté buscarlo en la documentación de jQuery, pero no pude encontrar nada. ¿Hay alguna manera de hacer esto en jQuery? Tal vez algo como:
let element = $('[css selector]'); element.select('[other css selector]'); // or maybe $(element, '[other css selector]');Sé que puedo hacerlo:
element[0].querySelector('[other css selector]');Pero eso es volver a convertirlo en un elemento nativo y luego usar el método nativo de JavaScript. ¿Hay alguna manera de hacer esto solo con métodos jQuery?
En jQuery puede lograr un comportamiento idéntico usando jQuery.find(selector) :
let $element = $('#some-div'); let $someGrandChildren = $element.find('b, i, u'); Un enfoque menos común es usar el método jQuery(selector[, context ]) donde el argumento de contexto podría ser un elemento DOM, un documento, jQuery o un selector. Entonces esto también funciona como se esperaba:
let $element = $('#some-div'); let $someGrandChildren = $('b, i, u', $element); De acuerdo con la documentación, este método usa .find() detrás de escena.
$('#thefirstselector .yoursecond .yourthird #fourth');