javascript - jQueryを使用して一意の属性更新の子の値を検索する

Question

以下を更新したいと思います。

<a data-fb="4dfsdgdsgsdfgsdfgcf08" class="fb-like" href="#">
<span class="like-icon">Likes:</span> 10</a>

Webサービスから返された結果で値「10」を更新したいのですが、結果はfbNumberという変数に格納されています。data-fb属性は一意なので、これを検索して値を更新したいと思います。

Answer 1

ここでは単純な.replaceもので十分なようです。このメソッドを使用して現在のコンテンツを取得し、その.html中にある番号のシーケンスを新しい番号に置き換えることができます。

var fbNumber = 23;

$("a[data-fb='4dfsdgdsgsdfgsdfgcf08']").html(function(i,v){
    return v.replace( /([0-9]+)/, fbNumber );
});​​​​​

フィドル： http： //jsfiddle.net/GbqJg/

Answer 2

$("[data-fb='4dfsdgdsgsdfgsdfgcf08']").html("<span class=\"like-icon\">Likes:</span> "+ fbNumber);