javascript - 选择元素并替换 each() 中的文本

Question

我有一个如下所示的列表:

<ul id="offers">

<li class="unique-id-here">
<span class="country">US</span>
<span class="clicks">192</span>
<span class="ctr">9%</span>
</li>

</ul>

我正在尝试每 5 秒用新值更新 .clicks。

所以我的想法是，选择每个 li -> 在此处获取唯一 ID -> 将 ID 保存到变量 -> 到 $.get 请求以请求给定 ID 的点击次数 -> 替换当前点击次数与新的。

问题是我似乎无法正确选择 .clicks...这就是我的 jQuery 代码:

var refreshId = setInterval(function() {

$("#offers li").each(function(){

    var a = $(this).attr('class');      
    if(a) {

            $.get("ajax.php", { opt: "stats", oid: a }, function(r) {
                var j = eval('(' + r + ')');

                $(this).find('.clicks').text('<strong>'+j.message.clicks+'%</strong>');

            });
    }
});
}, 5000);

关于如何正确替换每个 li 字段的 .clicks 值有什么想法吗？

非常感谢您的帮助:)

Answer 1

尝试:

var refreshId = setInterval(function() {

$("#offers li").each(function(){
    var $li = $(this), 
        a = $li.attr('class');      
    if(a) {
            $.get("ajax.php", { opt: "stats", oid: a }, function(r) {
                var j = eval('(' + r + ')');
                $li.find('.clicks').html('<strong>'+j.message.clicks+'%</strong>');
            });
    }
});
}, 5000);

您正在使用 $(this)在$.get里面，这将引用另一个对象。另外，你为什么要使用 eval ？为什么不向请求返回一个 JSON 对象？

此外，您正在使用 text() ，但是您传递给参数的字符串包含 HTML ( <strong> )。因此，我切换了 text()与 html() .