jquery - ダイアログボタンのテキストを動的に置き換える

Question

次のようなjqueryダイアログがあります-

<div data-role="dialog" id="msg-popup">
  <div data-role="header">
      <h1>Notification</h1>
  </div>

  <div data-role="content" id> 
    <b id="notif-subject"></b>
    <p id="notif-popup-content">Test</p>
    <a href="#notif-details1" id="show-notif" data-role="button">abc</a>
    <a href="#" data-rel="back" data-role="button">Cancel</a>
  </div> 
</div>

「abc」を「pqr」に動的に変更したい。どうすればいいですか？やってみた-

$("#show-notif").text = "pqr";

しかし、それは機能しません。何が間違っているのでしょうか？

Answer 1

.textは関数であるため、以下のように使用する必要のある要素のテキストを設定するには、

$("#show-notif").text("pqr");

Answer 2

$("#show-notif").html("pqr");

これを行う別の方法：http：//jsfiddle.net/whNdd/