Tengo este div
que genero dinamicamente con javascript
.
<div class="texto-nombre-amigo" style="font-size: 14px; color:red">' + nombreAmigo[i].trim() + '</div>
nombreAmigo[i]
es una array que pinta nombres de persona in distintos colores; red , blue... En el caso del ejemplo lo pinta en rojo con
style="font-size: 14px; color:red"
Mi pregunta es:
¿Cómo puedo obtener el color del div, en este ejemplo red
, desde jquery ?
Estoy intentando algo así
var color = $(this).css('color');
console.log("color es=>"+color");
pero siempre obtengo el mismo resultado
color es=> rgb(36, 37, 61)
.css
te devuelve el código RGB del color. Si necesitas el nombre:red, blue, green
... tendrás que usar un plugin o manejar tu propio array con valores para poder extraer los nombres desde cada código RGB o usar algún plugin (no recomendado).let elInnerHTML = "<div class='texto-nombre-amigo' style='font-size: 14px; color:red'>" + nombreAmigo[i].trim() + "</div>" elemento.innerHTML = elInnerHTML;
En este caso la única variable es el nombre del amigo, El color es rojo. Si el color es también una variable puedes utilizar el valor de la variable color. Por favor prueba mejorar tu pregunta para que podamos entender cómo generas el div dinamicamente.