0
section.text-overlap-img
.container
    .row.justify-content-around.adjust-height
        .col-md-5
            .wrapper-img.bg-line-white
                img(src="img/johan-cruyff.png")
        .col-md-5
            .wrapper-text
                h2.title-golden 
                    |LA
                    br
                    | REVOLUCIÓN
                    br
                    | CRUYFF
                p

y quiero seleccionar el col-md-5 en jquery, refiriendome al hijo de .adjust-height, como podría hacerlo? Yo estoy usando:

$(".adjust-height").closest(.col).css("background-color","red");

Pero lo que me esta seleccionando es el primer hijo de cada col-md-5, no el primer col-md-5 Y me gustaría seleccionarlo como padre de .wrapper-img

1
  • Buenas, muchas gracias por tu respuesta, y si quisiera coger dicho col-md-5 como padre de .wrapper-img?
    – Moises
    Commented el 28 ene. 2020 a las 19:24

2 respuestas 2

1

Según lo que entiendo lo que tú quieres hacer es seleccionar el primer .col-md-5 hijo de .adjust-height:

$(".adjust-height>.col-md-5:first-child").css("background-color","red");

Esto lo que hace es seleccionar solo el primer hijo; para más info puedes leer la documentación aquí

ADICIONAL: si quieres elegir al .col-md-5 que sea padre de .wrapper-img debes usar .has():

$(".adjust-height>.col-md-5").has("wrapper-img").css("background-color","red");

NOTA: Puedes combinar ambos si tienes varios elementos que cumplan una u otra condición y necesites que cumplan ambas, de la siguiente manera:

$(".adjust-height>.col-md-5:first-child").has("wrapper-img").css("background-color","red");
4
  • Buenas, muchas gracias por tu respuesta, y si quisiera coger dicho col-md-5 como padre de .wrapper-img?
    – Moises
    Commented el 28 ene. 2020 a las 19:24
  • Agrégalo en la pregunta, que ahora con gusto te lo explico aquí Commented el 28 ene. 2020 a las 19:25
  • Ya lo he hecho, muchas gracias, soy novato en esta plataforma
    – Moises
    Commented el 28 ene. 2020 a las 19:28
  • Si te ha servido la respuesta, márcala como correcta y bienvenido a StackOverflow en español ;) Commented el 28 ene. 2020 a las 19:30
0

El atributo eq en jquery te permite indicar el elemento de un listado de items.

$(".adjust-height").closest(.col).eq(0).has("wrapper-img").css("background-color","red");

Podés leer mas información en la página https://api.jquery.com/eq/

2
  • Buenas, muchas gracias por tu respuesta, y si quisiera coger dicho col-md-5 como padre de .wrapper-img?
    – Moises
    Commented el 28 ene. 2020 a las 19:25
  • Podes usar el condicional has api.jquery.com/has . Saludos! Commented el 28 ene. 2020 a las 19:35

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.