[SOLUCIONADO] añadir clase CSS si encuentra un TAG

[turuleto69]

Hola a todos.

Veréis, no tengo mucha idea de js ni de jquery, y me vendría genial un poco de ayudita.

Lo que quiero hacer es simple. Os dejo el código html y css en JSFiddle para que se entienda todo más claro ->[URL="https://jsfiddle.net/3bdj483b/1/"] https://jsfiddle.net/3bdj483b/1/[/URL]

También está ahí lo poco y mal que he hecho en jquery. Probablemente no valga para nada, pero bueno, yo lo dejo.

La idea es conseguir que cuando un article de la clase .post contenga en sus tags la etiqueta "rosita", añada la clase .pink al .post y por tanto, le cambie el background, quedando como resultado algo así:



Gracias de antemano :)

PD: La estructura html debe ser así.

[MaNuX0218]

Yo cambiaría la etiqueta footer ya que no sé por que motivo no me deja cambiar el color de fondo, pero bueno para que tengas una idea, aquí te dejo lo que quieres pero en vez de cambiar el fondo se marca el rosita:

Código Javascript:

$('.tags li a').click(function(){
   if($(this).text() == 'rosita'){
        $(this).addClass("pink");
   }
});
 

Saludos.

[turuleto69]

Hola MaNu,

Gracias por colaborar, pero ese script no me vale.

Primero porque yo quiero que funcione nada más carga la página, es decir, sin tener que hacer click en el enlace.

Y segundo porque necesito que me añada la clase .pink al .post, no al tag en sí.

Un saludo. Muchas gracias.

[Alexis88]

Solo necesitas tomar al conjunto de enlaces contenidos en los elementos de clase 'post', iterar dicho conjunto y verificar si hay alguno que posee el texto en cuestión; al encontrarlo, tomas al elemento padre de clase 'post' del enlace y le aplicas la clase.

Código Javascript:

$(document).ready(function(){
    $.each($(".post a"), function(){
        if ($(this).text() == "rosita"){
            $(this).parents(".post").addClass("pink");
        }
    });
});
 

DEMO

Saludos

[turuleto69]

Iniciado por Alexis88

Solo necesitas tomar al conjunto de enlaces contenidos en los elementos de clase 'post', iterar dicho conjunto y verificar si hay alguno que posee el texto en cuestión; al encontrarlo, tomas al elemento padre de clase 'post' del enlace y le aplicas la clase.

Código Javascript:

$(document).ready(function(){
    $.each($(".post a"), function(){
        if ($(this).text() == "rosita"){
            $(this).parents(".post").addClass("pink");
        }
    });
});
 

[URL="https://jsfiddle.net/Alexis88/q332jcxb/"]DEMO[/URL]

Saludos

Muchísmas gracias Alexis!!!

Es justo lo que buscaba, funciona perfecto

Te lo agradezco un montón, gracias por tu tiempo :)

Tengo que dedicarle más tiempo a estas cosas.

Saludos.