JQuery: .text() get the html within a node, how do I set the text within a node?

Question

Using JQuery, I can do the following to get the text within my LI

$("#listingTabs li").eq(2).text();

How do I set the text? Because the following doesn't work

$("#listingTabs li").eq(2).text() = 'insert new text';

Answer 1

$("#listingTabs li").eq(2).text('insert new text');

Answer 2

$("#listingTabs li").eq(2).text("insert new text");

You can also set the innerHTML of the li using

$("#listingTabs li").eq(2).html("<b>insert new text</b>");

Answer 3

The text() function works as both a getter and a setter. Try this:

$("#listingTabs li").eq(2).text('insert new text');

If you give it a parameter, it acts as a setter for that property. If you don't, it acts as a getter.