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);