查找并替换JQuery中的字符串

Question

我遇到以下问题。我想找到并替换我通过AJAX获得的特定字符串。

代码：

JQuery的：

if(!countflag) { 
    $('.panel-body > p').each(function() { 
     var content = $(this).find("span").html(); 

     $.ajax({ 
      url: '/vacatures.php', 
      data: {company: content}, 
      type: 'post', 
      success: function(output) { 

       var text = $(this).find("span").text(); 
       $(this).text(text.replace(content, output)); 

      } 
     }); 


     if(content) { 
      countflag = true; 
     } 
    }); 
} 

在HTML公司ID（例如c88）被示出。这需要找到并替换为公司的实际名称。

该ID在span标签内。我认为这会更容易找到并替换ID。

AJAX发送呼叫到vacatures.php，该呼叫返回与.panel-body > p中显示的ID相对应的公司名称。

在这一点上我坚持如何成功找到并用公司名称替换​​ID。

UPDATE（HTML代码 - 部分）：

Answer 1

你有一个封闭的问题...里面thissuccess callback不同于each callback的this ......您需要了解javascr中的闭包工作方式IPT：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures

的方式，才能有你需要保存第一this参考快速修复：

$('.panel-body > p').each(function() { 
 
    // keep a memory reference of this 
 
    var self = this; 
 
    var item = $(self); 
 
    var content = item.find("span").html(); 
 

 
    $.ajax({ 
 
    url: '/vacatures.php', 
 
    data: {company: content}, 
 
    type: 'post', 
 
    success: function(output) { 
 
     
 
     var text = item.find("span").text(); 
 
     
 
     // the following expression cannot work because text isn't defined 
 
     item.text(text.replace(content, output)); 
 

 
    } 
 
    }); 
 

 
});

注意事项：变量text似乎没有定义;通常代码需要重构。

Answer 2

请让我知道，如果这个工程

if(!countflag) { 
    $('.panel-body > p').each(function() { 
     var content = $(this).find("span").html(); 

     $.ajax({ 
      url: '/vacatures.php', 
      data: {company: content}, 
      type: 'post', 
      success: function(output) { 

       $(this).find("span").html(output) 


      } 
     }); 


     if(content) { 
      countflag = true; 
     } 
    }); 
}