Jquery recherche et appliquer les styles css

Question

Je veux modifier la vitrine jquery plugin de la barre de titre, j'ai ajouté le <p class='title> à la balise de description afin que je puisse appliquer des styles css au titre et de séparer cette partie à la description réelle. Script:

var $a = $("<a />").attr("href", $container.find("a:first").attr("href")).html("<span>" + $container.find("a:first img").attr("alt") + "</span>"); 

var $titleBar = $("<div id='subBar' />").html($a); 

sortie HTML:

<div id="subBar"><span><p class="title">Lorem</p>description here</span></div> 

De la structure ci-dessus comment puis-je ajouter via jquery si css <p class='title'> est rencontré? Je veux ajouter des styles CSS au titre de la classe, ce qui est impossible à css parce que cela est généré par javascript.

Answer 1

Supprimer l'espace entre le « p » et « .title » dans votre sélection:

$container.find("p.title").css('color','red'); 

(si c'est votre question)

Mise à jour: Votre sélection jquery va encore fonctionner correctement, même si la L'élément DOM auquel vous essayez d'accéder est généré par Javascript. Vous pouvez le tester dans la console javascript (par exemple, Firebug) de votre navigateur. Vous devez simplement vous assurer que votre code est exécuté après le code qui génère l'élément title.

Cependant, avez-vous vraiment besoin d'utiliser Javascript ici? Si vous voulez simplement définir des paragraphes avec la classe 'title' en rouge, ajoutez simplement quelques css:

p.title { color: red; }