Question

我对jQuery很新，我遇到了一个特定的问题。

所以我编写了一个脚本来更改页面上span的文本值。例如 <span class='xxx'>Iamstuck</span>使用php db查询脚本，当用户mouseenter之一span s（有效）时触发。

事情是，在句子更新后我试图调用$(this).text()，它会返回原始文本而不是更新文本。如何获取更新的文本？

$('span.xxx').mouseenter(function(){
    var selected = $(this).text();
    var $this = $(this);
    $.get("search.php",
         {term: selected},
         function( data ) {
             $this.text(data);  // this line updates the span text
         });
    var lookup = $(this).text(); // this line returns me the original text instead of the updated text
    console.log("lookup: " + lookup);  // just for debugging
});

提前致谢！

Answer 1

那是因为它是AJAX !!!

完成回调中的所有内容：

$.get("search.php", {
        term: selected
    },
    function(data) {
        $this.text(data); // this line updates the span text
        var lookup = $this.text();
        console.log("lookup: " + lookup); // just for debugging
    })
});

在jQuery中获取更新的.text（）值

1 个答案: