Question

我有变量，当我在警告中显示它显示值1但是当我将该值分配给div时，它不会在页面上显示值。

<html>
    <head>
        <script src="jquery-1.6.2.min.js"></script>
        <script >


        var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a'];
        var con=document.getElementById('data');
        var inds = $.map(ad, function(v, i) {
            //$("data").html(v);
            return v == 'b' ? i : null;
        });
        //con.innerHTML=inds;

        alert(inds); // 0,3,6

        var avr1=inds;
        con.innerHTML=avr1;
        </script>


    </head>
    <body>
        <div id="data"></div>
    </body>
</html>

Answer 1

$(document).ready(function(){
    var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a'];
    var inds = $.map(ad, function(v, i) {
        return v == 'b' ? i : null;
    });

    $('#data').html(inds.join(','));
});

我刚刚更新了我的答案。查看jsfiddle demo

Answer 2

当你使用jQuery时，将它包装在$(document).ready(function() ..中，如：

$(document).ready(function() {
   var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a'];
   var inds = $.map(ad, function(v, i) {
      return v == 'b' ? i : null;
  });
  $("#data").html(inds);
});

或在body标记的末尾添加该脚本请参阅：Demo

Answer 3

以下代码工作正常。我已经检查过了。

 <script src="jquery-1.6.2.min.js"></script>
        <script >

        var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a'];
        var con=document.getElementById('data');
        var inds = $.map(ad, function(v, i) {
            return v == 'b' ? i : null;
        });
        document.getElementById('data').innerHTML=inds;
 </script>

Answer 4

<html>
    <head>
        <script src="jquery-1.6.2.min.js"></script>
    </head>
    <body>
        <div id="data"></div>
        <script>


            var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a'];
            var con=document.getElementById('data');
            var inds = $.map(ad, function(v, i) {
                return v == 'b' ? i : null;
            });

            alert(inds); // 0,3,6

            var avr1=inds;
            con.innerHTML=avr1;
        </script>
    </body>
</html>

HTML div值未显示

4 个答案: