Partial bold text in asp.net

Question

This is how I am adding asp.net label,

<asp:Label ID="lblFruitNameAndDate" runat="server" ClientIDMode="Static"></asp:Label>

In JavaScript I am trying this,

  $("#lblFruitNameAndDate").text(webServiceData.FruitName + " '<b> On: " + webServiceData.FruitCrateDate + "</b>");

but on screen i am getting <b> tags.

Answer 1

the .text() method doesn't accept arguments, its used for getting the text value not setting it, here are the jquery docs on .text()

You'd need to use .html() which does set dom content/elements

    $("#lblFruitNameAndDate").html(
        webServiceData.FruitName + " '<b> On: " + webServiceData.FruitCrateDate + "</b>"
    );

Answer 2

A demonstration of bold method can be found at W3Schools like this:

document.write("<p>Bold: " + txt.bold() + "</p>");

and you should also consider that bold() method is not standard, and may not work as expected in all browsers.