JQuery에서 문자열 찾기 및 바꾸기

Question

다음과 같은 문제가 있습니다. 나는 AJAX를 통해 얻는 특정 문자열을 찾아서 대체하고 싶다.

코드 :

JQuery와 다음 HTML (예 c88에 대한) 회사 ID에서

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

표시됩니다. 이 사실을 찾아서 회사의 실제 이름으로 대체해야합니다.

ID는 span 태그 안에 있습니다. ID를 찾고 바꿔주는 것이 더 쉬워 질 것이라고 생각했습니다.

AJAX는 .panel-body > p에 표시된 ID에 해당하는 회사 이름을 다시 보내는 vacatures.php으로 전화를 보냅니다.

이 시점에서 나는 회사 이름으로 ID를 찾아서 바꿔야하는 방법을 고집합니다.

UPDATE (HTML 코드 - 부분적으로) :

Answer 1

를 작동하는지 알려 주시기 바랍니다 success callback은 each callback의 this과 다릅니다 ... javascr에서 클로저가 작동하는 방법을 살펴야합니다. IPT : 그런데 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures

, 첫 번째 this 참조 저장해야 빠른 수정이하기 위해 : 변수 text이 정의되지 않은 것 같다 :

$('.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)); 
 

 
    } 
 
    }); 
 

 
});

노트 ; 일반적으로 코드에는 리팩토링이 필요합니다.

Answer 2

이 당신은 ... 내부 this 폐쇄 문제가있는

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