jQuery CSS function not working

[george]

I have a very simple jQuery line of code that is not working.

$("p#t1").css("color","#ffffff");

In my document I have a P tag with an ID of t1.

 

I have attached my entire HTML file should this be helpful.

 

TIA

 

My ID of t1 is not declared in my CSS. Could this be the problem?

 

I am going to declare it now.

triangle.html

Edited August 7, 2014 by george

[justsomeguy]

Are there any Javascript errors in your developer console?

[Mudsaf]

Nvm

Edited August 7, 2014 by Mudsaf

[dsonesuk]

You can't nest block pre element within paragraph, what is happening is a closing paragraph is created immediately following the opening tag, and vice versa with closing paragraph tag creating empty paragraphs. So no text, and nothing to apply color.

 

EDIT: Oh yea, change to block element like div

Edited August 7, 2014 by dsonesuk

[es131245]

Try this

$("p#t1").css({"color","#ffffff"});

[dsonesuk]

Wrong syntax $("p#t1").css({"color": "#ffffff"}); but still won't work! as already said browser renders

 <p id="t1"><pre>.t1 {    border-color: blue red green yellow;    border-style:solid;}                </pre>           </p>

AS

 <p id="t1"></p><pre>.t1 {    border-color: blue red green yellow;    border-style:solid;}                </pre>           <p> </p>

[george]

Problem fixed, as I did change it to

<div ="t1"><pre>.t1 {    border-color: blue red green yellow;    border-style:solid;}</pre></div>

and that did correct my problem.