在HTML元素中设置变量的值，JQUERY不起作用

kx7yvsdv 于 2022-11-03 发布在 jQuery

关注(0)|答案(1)|浏览(194)

我在HTML中有一个这样的div，我想在其中使用JQuery设置capital的ID

`        <div class="modal-body">
          <p id="capital"></p>
        </div>   `

这就是我在JQuery函数中设置它的方式

`function getWeather() {    
    $.ajax({
        url: "assets/geojson/countryBorders.geo.json",
        type: "GET",
        dataType: "json",
        data: {

        },
        success: function(result) {
            let features = result["features"];

            let countryFeature = findFeatureFromName(countryName);
            let countryCode = JSON.stringify(countryFeature.properties.iso_a2).replace(/"/g,"")

            $.ajax({
            url: "assets/php/countryInformation.php",
            type: 'POST',
            dataType: 'json',
            data: {
                country: countryCode
            },
            success: function(result) {
                    console.log(result);
                    console.log(JSON.stringify(result));

                    let capitalCity = (result['data'][0]['capital']);
                    console.log(capitalCity)
                    $('#capital').html(capitalCity);`

etc

但是capital没有设置好，console.log返回的是期望值，所以我知道它设置好了。
我甚至试过

$('#capital').text(capitalCity);

和纯JavaScript的简单代码

document.getElementById("capital").innerHTML = capitalCity;

似乎没有任何工作，控制台中没有错误-会是什么错误？

jquery

来源：https://stackoverflow.com/questions/74254221/setting-value-of-variable-in-html-element-with-jquery-not-working

1条答案

按热度按时间

vx6bjr1n1#

您的HTML和JSON代码是正确的代码是正确的，可能是你在你的JSON文件中丢失了一些东西这里是我尝试和得到的输出，如果可能的话，请发布ountryBorders.geo.json，这样我们得到更清晰的

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body onload="getWeather()">
  <div class="modal-body">
    <p id="capital"></p>
  </div>
  <script>
    function getWeather() {
      debugger;
      let capitalCity = 'hello';
      console.log(capitalCity)
      $('#capital').html(capitalCity);
    }
  </script>
</body>
</html>

赞(0）回复(0）举报 2022-11-03

我来回答

在HTML元素中设置变量的值，JQUERY不起作用

1条答案

相关问题

热门标签

最新问答