[Pregunta]: Obtener clases con JQUERY

Iniciado por Leguim, 27 Febrero 2019, 04:48 AM

0 Miembros y 1 Visitante están viendo este tema.

Leguim

Buenas noches!

Me gustaría saber como podría obtener las clases de JQUERY para manipularlas con números según su posición, explico.. en las clases de javascript puedo manipularlas según en el orden que estan en la pagina.

Es decir, digamos... que existe la clase "test" (<p class="test">txt</p>)

bueno yo con el test[2].style.color = "red" cambio a color rojo el segundo elemento con esa clase, como podría hacerlo pero con JQUERY?

EdePC

Saludos,

- Me parece que es igual, en el libro jQuery Pocket Reference dice:

Código (javascript) [Seleccionar]
var paras = $("p");
paras.first() // Select only the first <p> tag
paras.last() // Select only the last <p>
paras.eq(1) // Select the second <p>
paras.eq(-2) // Select the second to last <p>
paras[1] // The second <p> tag, itself


- Y para establecer estilos se sigue esta sintáxis:

Código (javascript) [Seleccionar]
$("h1").css("font-weight"); // Get font weight of 1st <h1>
$("h1").css("fontWeight"); // Camel case works, too
$("h1").css("font"); // ERROR: can't query compound style
$("h1").css("font-variant", // Set style on all <h1> tags
            "smallcaps");
$("div.note").css("border", // Okay to set compound styles
                  "solid black 2px");
// Set multiple styles at once
$("h1").css({ backgroundColor: "black",
              textColor: "white",
              fontVariant: "small-caps",
              padding: "10px 2px 4px 20px",
              border: "dotted black 4px" });
// Increase all <h1> font sizes by 25%
$("h1").css("font-size", function(i,curval) {
             return Math.round(1.25*parseInt(curval));
});

Leguim

Cita de: EdePC en 27 Febrero 2019, 12:52 PM
Saludos,

- Me parece que es igual, en el libro jQuery Pocket Reference dice:

Código (javascript) [Seleccionar]
var paras = $("p");
paras.first() // Select only the first <p> tag
paras.last() // Select only the last <p>
paras.eq(1) // Select the second <p>
paras.eq(-2) // Select the second to last <p>
paras[1] // The second <p> tag, itself


- Y para establecer estilos se sigue esta sintáxis:

Código (javascript) [Seleccionar]
$("h1").css("font-weight"); // Get font weight of 1st <h1>
$("h1").css("fontWeight"); // Camel case works, too
$("h1").css("font"); // ERROR: can't query compound style
$("h1").css("font-variant", // Set style on all <h1> tags
            "smallcaps");
$("div.note").css("border", // Okay to set compound styles
                  "solid black 2px");
// Set multiple styles at once
$("h1").css({ backgroundColor: "black",
              textColor: "white",
              fontVariant: "small-caps",
              padding: "10px 2px 4px 20px",
              border: "dotted black 4px" });
// Increase all <h1> font sizes by 25%
$("h1").css("font-size", function(i,curval) {
             return Math.round(1.25*parseInt(curval));
});


Me sirvio! era :eq(X) x es numero cualquiera, GRACIAS!