Changing background, color and text using jquery

Question

Im trying to change background color, text color, and text using jquery, however background color and text color is changing but text(string) not, Im using this code:

$('#page_'+(vector.length)).css("background", "orange");
$('#page_'+(vector.length)).css("color", "black");
$('#page_'+(vector.length)).css("text", "string");

I think the third line is writted bad, thank you.

Why are you trying to use .css() to alter an element's text? — Matt Ball
– Matt Ball, Commented Jan 26, 2014 at 16:44
In addition to Felix's correct answer, for performance reasons you may want to cache the jQuery object to a variable to avoid having to repeatedly query the DOM - "var element = $('#page_'+(vector.length)); element.css({ "background": "orange", "color": "black" }); element.text("string");" - see api.jquery.com/css/#css-properties for details on setting multiple styles simultaneously — pwdst
– pwdst, Commented Jan 26, 2014 at 18:10

Felix · Accepted Answer · 2014-01-26 16:43:32Z

2

You need to use text() instead of css() to change text inside your element:

$('#page_'+(vector.length)).text("string");

answered Jan 26, 2014 at 16:43

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Changing background, color and text using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related