javascript - 使用 jquery、javascript 重新填充数据

Question

我在 HTML 页面中有一个如下所示的 div:

当我点击任何 div 时，我将跨度文本保存在数据库中，当再次返回同一页面时，我得到的响应是保存的文本。在文本的基础上，我需要重新填充点击的 View 。

我正在添加我使用过的所有代码，但无法填充数据。

<div class="panel-body">
    <div class='score score-exel'>
        <div class='arrow'></div><span class='scoreText'> 750-850 Excellent</span>
    </div>
    <div class='score score-good'>
        <div class='arrow'></div><span class='scoreText'> 700-749 Good</span>
    </div>
    <div class='score score-ok'>
        <div class='arrow'></div><span class='scoreText'> 650-699 OK</span>
    </div>
    <div class='score score-fair'>
        <div class='arrow'></div><span class='scoreText'> 600-649 Fair</span>
    </div>
    <div class='score score-poor'>
        <div class='arrow'></div><span class='scoreText'> 300-599 Poor</span>
    </div>
    <div class='btnHold'>
        <button class='btn btn-success idkBtn'>I Don't Know</button>
        <button class='btn btn-success submitBtn'>Submit</button>
    </div>
</div>

在下面的变量代码中，我在用户单击 div 时添加了选定的值。

$('.score').bind('click', function(){
    $('.arrow').hide();
    $(this).find('.arrow').fadeIn();
    userCreditScore = $(this).find('span').text().toString();
});

在下面的代码中，我收到响应并尝试重新填充数据但不可能。

function fillData(){
    var response = nav.scorm.getResponse('CREDIT_SCORE');
    if(response != ''){
        var jsonData = jQuery.parseJSON(response);

          *** used many codes like below but not useful
//$('.score').find('span.scoreText:contains('+jsonData.CREDIT_SCORE+')').parent().css('display', 'block');
        //$('.score').find('span.scoreText:contains('+jsonData.CREDIT_SCORE+')').parent().click();
    }

Answer 1

我假设您在 nav.scorm.getResponse 方法中缺少回调 - 如果它是 AJAX 调用。检查您的注释代码:

//here we do the request
var response = nav.scorm.getResponse('CREDIT_SCORE');

//this line and is executed immediately, while 'response' var is still undefined
    if(response != ''){

因此，根据您在 nav.scorm.getResponse 中的代码，您可能会有类似的东西

nav.scorm.getResponse('CREDIT_SCORE', function(response){
  if(response != ''){
    //put it to DOM
    console.log(response);
  }
});

UPD

问题出在乐谱文本中的空格，'600-649 Fair' 将不起作用，而 '600-649 Fair' 可以。

检查这个 fiddle - https://jsfiddle.net/shershen08/v3gxy8rL/