Блог

Я извлекаю процентные данные с помощью файла json и отображаю их на своем веб-сайте :

 <?php
    $resultData = file_get_contents('https://example.com/json/stats?_l=en');
    $jsonData = json_decode($resultData, true);
    if( isset( $jsonData["stats"] ) amp;amp; !empty($jsonData["stats"]) ){
    
        foreach( $jsonData["stats"] as $stat ){                 
            echo "<div class='stat-item'>".$stat["item_example"]." % My Data displaying here </div>";
        }           
    }
?>
 

Я пытаюсь заменить «точку» на «запятую» в отображаемом проценте. Пример заменить 5.5 на 5,5

Я пытаюсь сделать это с помощью следующего Javascript

 <script>
    $(document).ready(function () {
        $('.stat-item').keyup(function () {
            var content = $(this).val();
            $(this).val(content.replace(/[.] /g, ','));
        });
    });
</script>
 

Нет необходимости создавать dom с помощью php, а затем манипулировать им с помощью javascript (кстати, с неправильным обработчиком событий). Я бы сделал это на стороне php, используя number_format

Таким образом, ваш php станет:

 echo "<div class='stat-item'>".number_format($stat["item_example"],2,",",".")." % My Data displaying here </div>";
 

В этом примере вы ограничиваете возвращаемые числа до 2 знаков после запятой, вы используете , в качестве десятичного разделителя вместо точки, которую вы получаете сейчас, и используете . в качестве разделителя тысяч (только для информации, поскольку я не ожидаю, что ваши цифры будут выше 100)

Вы не должны использовать val() but text() вместо этого; также неясно, зачем вам нужно keyup событие на div . Я бы просто написал:

 $(".stat-item").each(function () {
  var content = $(this).text();
  $(this).text(content.replace(/[.] /g, ","));
});